@charset "UTF-8";

/* 全体 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img {
	border:0;
	vertical-align: bottom;
}
fieldset { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
hr {
	display: none;
}
html {
	overflow-y:scroll;
	min-height:100%;
}
body {
	background: url(../img/bg_body.gif) repeat-x #ffd500;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
	line-height:1.4;
	color:#333333;
	font-size:12px;
	min-height:100%;
}
br {
	letter-spacing:0;
}

/* for IE6 */
* html body {
	font-size:75%;
}
/* for IE7 */
*:first-child+html body {
	font-size:75%;
}
/* for IE7 */

ul,ol{
	-moz-padding-start:0;
}



.clearfix {
	clear:both;
}
/* リンク指定 */
a{
	color:#ff3300;
}

a img{
	border:0;
}

a:link,
a:visited{
	color:#ff3300;
}

a:hover{
	color:#ff00ff;
}

/* コンテンツ全体 */
#container {
	width:950px;
}
#homepage-image {
	width:950px;
	background: url(../img/topimg.jpg) no-repeat right top;
}
/* ヘッダー */
#header{
	height:124px;
	background:url(../img/bg_h1.gif) no-repeat;
}
#header-inner{
	width:500px;
	float:left;
}

#header span{
	margin:0 auto;
}
#header-name {
	width:500px;
	height:123px;
	padding:0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/bg_h1.gif) no-repeat;
}
#header-description {
	display:none;
}


#main-navigation {
	width:450px;
	height:119px;
	padding:4px 0 0 0;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:150%;
	text-align:right;
}
#main-navigation .search {
	padding:0 0 0 20px;
	display:inline;
	background:url(../img/icon_search.gif) no-repeat left;
	float:right;
}
#main-navigation .search form .ti {
	width:140px;
	color:#808080;
}
#main-navigation .contact {
	float:right;
	margin:0 0 0 20px;
}
#main-navigation .sitemap {
	float:right;
	margin:0 0 0 20px;
}
#main-navigation .contact a {
	padding:0 0 0 20px;
	background:url(../img/icon_contact.gif) no-repeat left;
	text-decoration:none;
	color:#000000;
}
#main-navigation .sitemap a {
	padding:0 0 0 20px;
	background:url(../img/icon_sitemap.gif) no-repeat left;
	text-decoration:none;
	color:#000000;
}
.search {
	float:left;
}
.searchform {
	margin:0;
	padding:0;
	border:none;
}





/* コンテンツの指定 */
#content{
	width:950px;
	clear:both;
}
#content-inner {
	width:950px;
}

/* メインカラム */
#alpha{
	width:660px;
	float:right;
	clear:both;
	position:relative;
}
#alpha-top{
	width:660px;
	float:right;
	clear:both;
}
#alpha-inner {
}

/* 情報スペース */
#information {
	position : fixed!important;
	position : absolute;
	width:540px;
	bottom:40px;
	margin:0 0 0 60px;
}
#informationbg {
	width:540px;
	background:url(../img/bg_trans.png) no-repeat;
	padding:0 0 10px 0;
}
#information .pop {
	width:540px;
	height:94px;
	background:url(../img/bg_pop.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
#information dl {
	margin:0 30px 10px 30px;
}
#information dt {
	float:left;
	width:6em;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
}
#information dd {
	overflow:auto;
}


/* NEWS */
#news h3 {
	margin:0 20px 2px 20px;
	font-size:134%;
	font-weight:bold;
	color:#ff33ff;
}

/* 更新情報 */
#update h3 {
	margin:10px 20px 2px 20px;
	font-size:134%;
	font-weight:bold;
	color:#ff33ff;
}

/* アトリエ克だより */
#atelierinfo {
	margin: 10px;
	padding:0 0 10px 0;
	background:url(../img/bg_blogbn.gif) no-repeat bottom;
}
#atelierinfo h3 {
	width:270px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/titlle_atelierinfo.gif) no-repeat;
}
#atelierinfo p {
	padding:0 20px;
}



#bloginfo {
	margin: 10px;
	padding:0 0 10px 0;
	background:url(../img/bg_blogbn.gif) no-repeat bottom;
}
.katsu {
	float: left;	
	padding:0 0 0 85px;
	margin:0 0 0 5px;
	background:url(../img/katsu_s.gif) no-repeat left;
	min-height:115px;
	height:auto !important;
	height:115px;
}
.katsu_b {	
	padding:0 0 0 85px;
	margin:0 0 0 5px;
	background:url(../img/img_katsu.gif) no-repeat left;
	min-height:84px;
	height:auto !important;
	height:84px;
}
.sidebg {
	background:url(../img/bg_bloginfo.gif) repeat-y;
}
.bloginfotop {
	height:10px;
	line-height:10px;
	font-size:10px;
	background:url(../img/bg_blogtop.gif) no-repeat left;
}
#bloginfo h3 {
	width:270px;
	height:44px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/titlle_bloginfo.gif) no-repeat;
}
#bloginfo h4 {
	padding:2px 0 2px 20px;
	color:#ff0000;
	font-weight:bold;
}
#bloginfo h5 {
	padding:0 0 0 20px;
}
#bloginfo h5 a {
	padding:0 30px 0 0;
	background:url(../img/icon_new.gif) no-repeat right;
}
#bloginfo p {
	min-height:54px;
	height:auto !important;
	height:54px;
	padding:0 0 30px 0;
	margin:0 0 -30px 0;
}
.bloglink {
	margin:0 0 0 30px;
}
.bloglink a {
	display:block;
	width:130px;
	height:30px;
	margin-left: 80px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/bt_bloglink.gif) no-repeat;
}
.bloglink_b {
	margin:0 0 0 10px;
}
.bloglink_b a {
	display:block;
	width:130px;
	height:30px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/bt_bloglink.gif) no-repeat;
}

/* mobile */
#mobileinfo {
	height:111px;
	margin:10px 10px 30px 10px;
	padding:5px 0;
	background:url(../img/bg_mobileinfo.gif) no-repeat;
	font-size:12px;
}
#mobileinfo img {
	float:left;
}
#mobileinfo h4 {
	width:150px;
	height:28px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/titlle_mobileinfo.gif) no-repeat;
}
#mobileinfo a {
	padding:0 0 0 20px;
	background:url(../img/icon_mail.gif) no-repeat left;
}
#mobileinfo .address {
	font-family:Helvetica,Arial,sans-serif;
}
/* サイドバー */
#beta{
	width:290px;
	float:left;
	clear:left;
}
#beta-inner {
}

#menu {
	margin:0 0 30px 0;
}
#menu li {
	margin:12px 0;
	width:130px;
	overflow:visible;
}
#menu span {
	display:block;
	padding:0 0 0 62px;
	background:url(../img/menu_bg.gif) repeat-y #ffcc33;
}
#menu p {
	height:46px;
	text-indent:-9999px;
	overflow:hidden;
}
#menu li li {
	margin:0;
	width:268px;
}
#menu li li span {
	margin:0;
	text-align:right;
	padding:0 0 0 46px;
}
#menu li li span a {
	padding:0 18px 0 0;
	width:204px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:##FFCC33;
	text-decoration:none;
}
#menu li li span a:hover {
	background:#FFCCFF;
	text-decoration:none;
}
#menu .top {
	background:url(../img/menu_top_on.gif) no-repeat;
	width:140px;
	margin:0 0 12px 0;
}
#menu .top p {
	width:140px;
}
#menu .top a {
	background:url(../img/menu_top.gif) no-repeat;
}
#menu .profile {
	background:url(../img/menu_profile_on.gif) no-repeat;
	width:190px;
}
#menu .profile p {
	width:190px;
}
#menu .profile a {
	background:url(../img/menu_profile.gif) no-repeat;
}
#menu .gallery {
	background:url(../img/menu_gallery_on.gif) no-repeat;
	width:220px;
}
#menu .gallery p {
	width:220px;
}
#menu .gallery a {
	background:url(../img/menu_gallery.gif) no-repeat;
}
#menu .works {
	background:url(../img/menu_works.gif) no-repeat;
	width:268px;
}
#menu .w04 p {
	background:url(../img/menu_w04_on.gif) no-repeat;
}
#menu .w04 p a {
	background:url(../img/menu_w04.gif) no-repeat;
}
#menu .w03 p {
	background:url(../img/menu_w03_on.gif) no-repeat;
}
#menu .w03 p a {
	background:url(../img/menu_w03.gif) no-repeat;
}
#menu .w02 p {
	background:url(../img/menu_w02_on.gif) no-repeat;
}
#menu .w02 p a {
	background:url(../img/menu_w02.gif) no-repeat;
}
#menu .w01 p {
	background:url(../img/menu_w01_on.gif) no-repeat;
}
#menu .w01 p a {
	background:url(../img/menu_w01.gif) no-repeat;
}
#menu a {
	display:block;
	width:100%;
	height:100%;
}
#menu p a:hover {
	background: none transparent scroll repeat;
}

#futari a {
        display:block;
	width:270px;
	height:78px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/bn_futari.jpg) no-repeat;
	margin:0 12px 12px 12px;
}

.link {
	margin:12px;
}
.link p {
	width:270px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/menu_link.gif) no-repeat;
}
.link span {
	display:block;
	width:250px;
	padding:0 0 0 20px;
	background:#ffe599;
}
.link a {
	display:block;
	width:100%;
	height:100%;
}


#copyright {
	margin:30px 20px 20px 20px;
}


/* 個別ページ */

#page-title {
	width:660px;
	height:86px;
	text-indent:-9999px;
	overflow:hidden;
	position:absolute;
	top:-48px;
}
#profile #page-title {
	background:url(../img/titlle_profile.gif) no-repeat;
}
#gallery #page-title {
	background:url(../img/titlle_gallery.gif) no-repeat;
}
#link #page-title {
	background:url(../img/titlle_link.gif) no-repeat;
}
#contact #page-title {
	background:url(../img/titlle_contact.gif) no-repeat;
}
#sitemap #page-title {
	background:url(../img/titlle_sitemap.gif) no-repeat;
}

.works-title {
	background:url(../img/titlle_works.gif) no-repeat;
}
.comics-title {
	background:url(../img/titlle_comics.gif) no-repeat;
}
.sitemap-title {
	width:660px;
	height:86px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/titlle_sitemap.gif) no-repeat;
}
#search-results .search-results-header {
	text-indent:0;
	font-size:250%;
	font-weight:bold;
	color:#FF66FF;
	background:url(../img/titlle_search.gif) no-repeat;
}
#search-results .search-results-header span {
	display:block;
	position:absolute;
	bottom:20px;
	left:20px;
}
#pagebg {
	background:url(../img/bg_pagebg.gif) repeat-x #fff4bf;
	padding:38px 0 1px 0;
	width:100%;
	min-height:836px;
	height:auto !important;
	height:836px;
}
.year {
	padding:0 0 0 10px;
	font-family:"Courier New", Courier, mono;
	font-size:350%;
	color:#ff3300;
	font-style:italic;
	line-height:1em;
	background:url(../img/bg_year.gif) no-repeat left bottom;
}
.entry-asset {
	margin:10px 20px;
	padding:10px;
	width:598px;
	border:1px solid #CCCCCC;
	background:url(../img/bg_entry-asset.gif) repeat-x bottom #FFFFFF;
}
.asset-header {
	float:right;
	width:488px;
}
.entry-title {
	font-size:167%;
	font-weight:bold;
	padding:0 10px;
	color:#ff3300;
	background:url(../img/bg_asset-name.gif) repeat-y #ffcc00;
}
p.data {
	margin:0 -10px 0 0;
	padding:0 10px 0 0;
	text-align:right;
	color:#666666;
	font-weight:bold;
	background:url(../img/bg_data.gif) no-repeat right bottom;
	line-height:1.8;
}
.photo {
	float:left;
	width:100px;
	padding:5px;
	margin:0 0 10px 0;
	background:url(../img/bg_photo.gif);
}
.explanation {
	padding:5px 10px;
	overflow:auto;
	clear:right;
	margin:0;
}
* html .explanation {
	margin:0 0 0 110px;
}
.amazonlink a {
	display:block;
	width:87px;
	height:23px;
	margin:0 0 0 380px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../img/amazon.gif) no-repeat;
}
.amazonlink img {
	float:right;
}
.asset-footer {
	background:#FFFFA9;
	margin:0 -10px -10px -10px;
}
.entry-tags {
	margin:0 0 0 130px;
}
.no-entry-tags {
	margin:0 0 0 140px;
}
.entry-tags h4 {
	border-bottom:1px solid #ffe200;
	padding:5px 0 0 0;
	font-weight:bold;
	color:#666666;
}
.entry-tags ul {
	margin:5px;
}
.no-entry-tag {
	padding:5px;
}


/* フッター */
.content-nav {
	clear:both;
	padding:10px 0 10px 20px;
	margin:-10px 0 10px 0;
	height:36px;
	background:url(../img/bg_content-nav.gif) no-repeat bottom;
}
.content-nav li {
	float:left;
	margin:0 10px 0 0;
	width:147px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
}
.content-nav .w01,
.content-nav .c01 {
	background:url(../img/footmenu1_on.gif) no-repeat;
}
.content-nav .w01 a,
.content-nav .c01 a {
	background:url(../img/footmenu1.gif) no-repeat;
}
.content-nav .w02,
.content-nav .c02 {
	background:url(../img/footmenu2_on.gif) no-repeat;
}
.content-nav .w02 a,
.content-nav .c02 a {
	background:url(../img/footmenu2.gif) no-repeat;
}
.content-nav .w03,
.content-nav .c03 {
	background:url(../img/footmenu3_on.gif) no-repeat;
}
.content-nav .w03 a,
.content-nav .c03 a {
	background:url(../img/footmenu3.gif) no-repeat;
}
.content-nav .w04,
.content-nav .c04 {
	background:url(../img/footmenu4_on.gif) no-repeat;
}
.content-nav .w04 a,
.content-nav .c04 a {
	background:url(../img/footmenu4.gif) no-repeat;
}
.content-nav a:hover {
	background: none transparent scroll repeat;
}
.content-nav a {
	display:block;
	width:147px;
	height:36px;
}
.content-nav-search {
	clear:both;
	padding:10px 0 10px 20px;
	margin:-10px 0 10px 0;
	height:36px;
	background:url(../img/bg_content-nav.gif) no-repeat bottom;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:150%;
}
.content-nav-search span {
	padding:2px 10px;
	background:url(../img/bg_photo.gif) #FFCCFF;
	color:#FF00CC;
}
.content-nav-search a {
	padding:2px 10px;
	background:url(../img/bg_photo.gif) #FFCC33;
	text-decoration:none;
}
.content-nav-search a:hover {
	padding:2px 10px;
	background:url(../img/bg_photo.gif) #FFCCFF;
}

#footer {
	clear:both;
	background:#FFCC00;
}
#footercopyright {
	width:950px;
}
#footercopyright p {
	padding:5px 10px;
}
#footerlink {
	width:950px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:150%;
}
#footerlink li {
	display:inline;
	padding:0 5px 0 0;
}

.related{
	width:300px;
}




#profile h2 {
	padding:0 0 0 10px;
	font-size:200%;
	color:#ff3300;
	background:url(../img/bg_year.gif) no-repeat left bottom;
}
#profile p {
	margin:0.4em 30px;
}
.portrait {
	float:left;
}
.portrait img{
	margin:0 0 10px 30px;
}
.proftxt {
	width:350px;
	overflow:auto;
}
#profile .proftxt h2 {
	background:url(../img/bg_year.gif) no-repeat right bottom;
}
.profcomic {
	padding:20px 0 10px 30px;
}
.profcomic img {
	margin:0 10px 0 0;
}

/* map */

#map_atelier {
	margin:10px 30px;
	width:600px;
	height:446px;
	position:relative;
}
.hidden {
	display:none;
}

#map_atelier li {
	position:absolute;
	padding:0;
	margin:0;
}
#map_atelier a {
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	z-index:20;
	background:url(../img/blank.gif);
}
#map_atelier a:hover {
	background:url(../img/map_atelier_hover.gif) no-repeat;
}
#map_atelier #map01li {
	left:13px;
	top:16px;
	width:120px;
	height:70px;
	z-index:20;
}
#map_atelier a#map01bt:hover {
	background-position:-13px -16px;
}
#map_atelier #map02li {
	left:139px;
	top:9px;
	width:165px;
	height:76px;
	z-index:20;
}
#map_atelier a#map02bt:hover {
	background-position:-139px -9px;
}
#map_atelier #map03li {
	left:308px;
	top:8px;
	width:43px;
	height:79px;
	z-index:20;
}
#map_atelier a#map03bt:hover {
	background-position:-308px -8px;
}
#map_atelier #map04li {
	left:356px;
	top:8px;
	width:44px;
	height:80px;
	z-index:20;
}
#map_atelier a#map04bt:hover {
	background-position:-356px -8px;
}
#map_atelier #map05li {
	left:407px;
	top:8px;
	width:79px;
	height:46px;
	z-index:20;
}
#map_atelier a#map05bt:hover {
	background-position:-407px -8px;
}
#map_atelier #map06li {
	left:101px;
	top:98px;
	width:123px;
	height:29px;
	z-index:20;
}
#map_atelier a#map06bt:hover {
	background-position:-101px -98px;
}
#map_atelier #map07li {
	left:298px;
	top:98px;
	width:31px;
	height:25px;
	z-index:20;
}
#map_atelier a#map07bt:hover {
	background-position:-298px -98px;
}
#map_atelier #map08li {
	left:333px;
	top:99px;
	width:37px;
	height:27px;
	z-index:20;
}
#map_atelier a#map08bt:hover {
	background-position:-333px -99px;
}
#map_atelier #map09li {
	left:493px;
	top:81px;
	width:100px;
	height:126px;
	z-index:20;
}
#map_atelier a#map09bt:hover {
	background-position:-493px -81px;
}
#map_atelier #map10li {
	left:15px;
	top:177px;
	width:46px;
	height:156px;
	z-index:20;
}
#map_atelier a#map10bt:hover {
	background-position:-15px -177px;
}
#map_atelier #map11li {
	left:157px;
	top:223px;
	width:76px;
	height:43px;
	z-index:20;
}
#map_atelier a#map11bt:hover {
	background-position:-157px -223px;
}
#map_atelier #map12li {
	left:397px;
	top:153px;
	width:32px;
	height:170px;
	z-index:20;
}
#map_atelier a#map12bt:hover {
	background-position:-397px -153px;
}
#map_atelier #map13li {
	left:515px;
	top:228px;
	width:79px;
	height:94px;
	z-index:20;
}
#map_atelier a#map13bt:hover {
	background-position:-515px -228px;
}
#map_atelier #map14li {
	left:193px;
	top:306px;
	width:35px;
	height:27px;
	z-index:20;
}
#map_atelier a#map14bt:hover {
	background-position:-193px -306px;
}
#map_atelier #map15li {
	left:234px;
	top:306px;
	width:49px;
	height:41px;
	z-index:20;
}
#map_atelier a#map15bt:hover {
	background-position:-234px -306px;
}
#map_atelier #map16li {
	left:235px;
	top:347px;
	width:97px;
	height:93px;
	z-index:20;
}
#map_atelier a#map16bt:hover {
	background-position:-235px -347px;
}
#map_atelier #map17li {
	left:338px;
	top:330px;
	width:150px;
	height:107px;
	z-index:20;
}
#map_atelier a#map17bt:hover {
	background-position:-338px -330px;
}
/* map */

.gallerycat {
	padding:0 0 0 10px;
	font-size:200%;
	color:#ff3300;
	background:url(../img/bg_year.gif) no-repeat left bottom;
	clear:both;
}
.galleryset {
	padding:5px 10px 5px 30px;
}
.galleryimgset {
	float:left;
}
.galleryimg {
	margin:10px 20px 0 0;
}
.size100 {
	position: relative;
	width:104px;
	height:104px;
}
.sizetop {
	position: relative;
	width:104px;
	height:145px;
}
.galleryimg img {
	background: url(../img/bg_galleryimg.png) no-repeat right bottom;
	padding:0 4px 4px 0;
}
.galleryimg img a {
	text-decoration:none;
}
.galleryimg span {
	display:block;
	font-size:84%;
	text-align:center;
	background: #111111;
	-moz-opacity:.55;
	filter:alpha(opacity=55);
	opacity:.55;
	color: #fff;
	position: absolute;
	width:100px;
	bottom: 4px;
	right: 4px;
	border-top: 1px solid #999;
	cursor:pointer;
	cursor:hand;
	text-decoration:none;
}

#link h2 {
	padding:0 0 0 10px;
	font-size:200%;
	color:#ff3300;
	background:url(../img/bg_year.gif) no-repeat left bottom;
}
#link p {
	margin:30px;
	font-size:117%;
}
#link img {
	vertical-align:middle;
	margin:0 10px 0 0;
}
#link ul {
	margin:20px 0 30px 0;
	font-size:117%;
}
#link li {
	margin:0.5em 0 0.5em 60px;
	color:#FF00FF;
	list-style:square;
}
#sitemap {
}
#sitemap ul {
	margin:0 30px;
	padding:10px 0;
}
#sitemap li {
	margin:1em 20px;
}
#sitemap ul ul {
	margin:0 10px;
	padding:0;
}
#sitemap li li {
	margin:4px 20px 0 20px;
}
#sitemap span {
	background:#FFCC33;
	padding:4px;
}
#sitemap li li.comics {
	margin:0 20px 4px 20px;
}
#sitemap .comics span {
	background:none;
	padding:0;
}
#sitemap a {
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: url(../img/bg_photo.gif) #FFBF00;
	padding:4px;
}
#sitemap .comics a {
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background: url(../img/bg_photo.gif) #FFBF00;
	padding:0;
}
#sitemap a:hover {
	background:url(../img/bg_photo.gif) #FFCCFF;
}
#sitemap .sitemapworks {
	font-size:150%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background:#FFBF00;
	padding:4px;
	color:#FF6600;
}

/* ------------------------------
基本サイズ12px
表示したいサイズ 指定する値 
10px 84% 
11px 92% 
12px 100% 
13px 109% 
14px 117% 
15px 125% 
16px 134% 
17px 142% 
18px 150% 
19px 159% 
20px 167% 
21px 175% 
22px 184% 
23px 192% 
24px 200% 
25px 209% 
26px 217% 

基本サイズ14px
表示したいサイズ 指定する値 
10px 72% 
11px 79% 
12px 86% 
13px 93% 
14px 100% 
15px 108% 
16px 115% 
17px 122% 
18px 129% 
19px 136% 
20px 143% 
21px 150% 
22px 158% 
23px 165% 
24px 172% 
25px 179% 
26px 186% 
------------------------------ */



form {
	margin:0 20px;
	padding:20px;
	border:1px solid #666666;
}
table {
	width:100%;
	background:#FFFFFF;
}
form td {
	padding:4px 4px 4px 10px;
	border-bottom:1px solid #CCCCCC;
	vertical-align:top;
	text-align:left;
}
form th {
	width:30%;
	padding:4px;
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	vertical-align:top;
	white-space:nowrap;
	background:#eeeeee;
}
/* エラー時の表示 */
table.question .error_coution {
	color:#FF0000;
}

/* submitボタンエリア */

div.question_submit {
	text-align:center;
	margin:20px 0px;
}

div.question_submit input.button {
	width: 150px;
}