@charset "utf-8";

*,html {margin:0px;padding:0px;}

body {
margin:0; padding:0; font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; background-color:#fff; color:#0F0F0F;text-align:center;
}

h4,h5,h6,p{ margin:0; padding:0; font-size:85%;}
h2.ttl {line-height:1.6em;padding:3px 3px 3px 1em; font-size:100%;margin-bottom:10px; background-color:#D9F3F4;}
h3.ttl {line-height:1.6em;padding:3px 3px 3px 1em; font-size:100%;margin-bottom:10px; background-color:#D0EED7;}

ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul { display:inline-block;}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

ol:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ol { display:inline-block;}*/
/* for macIE \*/
* html ol { height:1%; }
ol { display:block; }

dl:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
dl { display:inline-block;}*/
/* for macIE \*/
* html dl { height:1%; }
dl { display:block; }

img { border:none; vertical-align:bottom; }

table { font-size:85%;}

form{ padding:0; margin:0; }

/* 汎用CSS 定義 */

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

.fsUL{ text-decoration:underline; }
.fsIT{ font-style:italic; }
.fsNO{ text-decoration:none; }

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.vaT { vertical-align:top; }
.vaM { vertical-align:middle; }
.vaB { vertical-align:bottom; }
.fL { float:left; }
.fR { float:right; }
.fL_carimg { float:left; padding-left:20px; margin-bottom:10px;}

.w05per { width:5%;}
.w10per { width:10%;}
.w20per { width:20%;}
.w30per { width:30%;}
.w40per { width:40%;}
.w50per { width:50%;}
.w60per { width:60%;}
.w70per { width:70%;}
.w80per { width:80%;}
.w90per { width:90%;}
.w95per { width:95%;}

.clear { clear:both; }
.clear hr { visibility:hidden; display:none;}
.print { display:none; }

.fsS  { font-size:90%;}
.fsSS { font-size:80%;}
.fsSSS{ font-size:70%;}

.fsL  { font-size:110%;}
.fsLL { font-size:125%;}
.fsLLL{ font-size:137%;}
.fsXL { font-size:165%;}

.NonText { text-indent:-9999px;}

.nobrd { border:none !important;}

.lh0{ line-height:0; }
/* iblock ibox */
.red    { color:#f00;}
.red02    { color:#900;}
.orange { color:#f60;}

.mAuto{ margin-left:auto !important; margin-right:auto !important; }

/* 汎用CSS定義 */


/*---------------------------------
		BaseCSS(ベースページ作成用CSS)(ヘッダー・フッターetc)
---------------------------------*/

#base { width:910px; margin:0 auto; font-size:85%; }

a { color:#336601; text-decoration:underline; }
a:link { color:#336601; text-decoration:underline; }
a:visited { color:#336601; text-decoration:underline; }
a:hover{ color:#336601; text-decoration:none; }

a.detail { padding:3px 0 3px 15px; display: -moz-inline-box; display:inline-block; zoom:1; height:auto; line-height:1.1; background-image:url(img/icon/arrow01.png); background-position:left center; background-repeat:no-repeat; background-color:; }
a.bnr { text-align:center; text-decoration:none; display:block; margin-bottom:10px; }

a.bnr:link { text-decoration:none; }
a.bnr:visited { text-decoration:none; }
a.bnr:hover{ text-decoration:none; }

a.bnr span { text-decoration:underline; }
a.bnr:link span { text-decoration:underline; }
a.bnr:visited span { text-decoration:underline; }
a.bnr:hover span { text-decoration:none; }

/* Header */
#header { height:121px; font-size:80%; background-image:url(../img/header.jpg); background-position:left top; background-repeat:no-repeat; background-color:#fff;padding:0px; }
#header h1  {display:block;text-align:left; text-indent:-9999px; height:121px;}
#header h1 a { color:#890; text-decoration:none; padding:0 0 0 10px; height:121px; overflow:hidden; display:block; }

#header p {
	display:block;
	width:145px;
	height:40px;
	float:right;
	margin:-50px 10px 0px 0px;
	text-indent:-9999px;
}
#header p a {display:block;width:145px;height:40px;float:right;overflow:hidden;}


#header ul li { display:inline; }

#header #header_navi01 { width:400px; float:left; margin:10px 0 10px 20px; text-align:right; }
#header #header_navi01 ul {}
#header #header_navi01 ul li { padding:0 5px 0 10px; background-image:url(img/icon/arrow01.png); background-position:left center; background-repeat:no-repeat; background-color:; }

#header #header_navi02 { width:490px; float:right; margin:10px 0; text-align:right; }
#header #header_navi02 ul {}
#header #header_navi02 ul li {}
#header #header_navi02 ul li a { padding:0 3px 0 13px; font-size:110%; color:#222; font-weight:bold; background-image:url(img/flonavi/btn_icon.png); background-position:left center; background-repeat:no-repeat; background-color:; }

.bgnone { background:none !important; }
.pdnone { padding-top:0 !important; padding-right:0 !important; padding-bottom:0 !important; padding-left:0 !important; }

#fontsize { width:130px; float:left; margin-top:10px; text-align:right; }

/* GlobalNavigation */
#gnavi { height:54px;margin-bottom:5px; }
#gnavi li{ height:54px; display:inline; float:left; overflow:hidden; background-position:left top; background-repeat:no-repeat; background-color:#fff; }
#gnavi li a{ height:54px; width:100%; display:block; text-indent:-9999px; }

#gnavi li.navi01{ width:112px; background-image:url(../img/glnavi01.jpg);}
#gnavi li.navi02{ width:249px; background-image:url(../img/glnavi02.jpg);}
#gnavi li.navi03{ width:191px; background-image:url(../img/glnavi03.jpg);}
#gnavi li.navi04{ width:187px; background-image:url(../img/glnavi04.jpg);}
#gnavi li.navi05{ width:171px; background-image:url(../img/glnavi05.jpg);}

.line-up { clear:both;margin-bottom:10px;}
.lineup_in {text-align:left;padding:2px 0px 5px 0px;display:block;float:left;
	width: 283px;
	background: url(../img/box_bg_u.jpg) no-repeat left top;margin:0px 2px 0px 12px;}
.lineup_in .box {
	padding:4px;
	background: url(../img/box_bg_b.jpg) no-repeat left bottom;
	min-height:100px;height:auto;_height:100px;display:block;
}
.lineup_in .box p {margin-bottom:3px;font-size:90%;}
.lineup_in p.ttl {width:273px;border-bottom:dotted 1px #B9DEEA;line-height:1.6em;display:block;}

.lineup_in .box .fR {width:120px;_width:100px;}

.lineup_in .bg_01 {
	background-color:#FBFCCD;display:block;padding:3px;	color:#3779CF;}
.lineup_in .bg_02 { background-color:#F2CD5E;color:#3779CF;block;padding:3px;display:block;}
.lineup_in .bg_03 { background-color:#CDF89E;color:#3779CF;block;padding:3px;display:block;}
.lineup_in .bg_04 { background-color:#A9EAF8;color:#3779CF;block;padding:3px;display:block;}
.lineup_in .bg_05 { background-color:#CADDF0;color:#FFF;block;padding:3px;display:block;}
.lineup_in .bg_06 { background-color:#F7D8FE;color:#FFF;block;padding:3px;display:block;}
.lineup_in .bg_07 { background-color:#F9B9F5;color:#FFF;block;padding:3px;display:block;}
.lineup_in .bg_08 { background-color:#DD7660;color:#FFF;block;padding:3px;display:block;}


.lineup_c { clear:both;margin-bottom:10px;}
.lineup_c .lineup_in {text-align:left;padding:2px 0px 5px 0px;display:block;float:left;
	width: 215px;
	background: url(../img/box_bg_uc.jpg) no-repeat left top;margin:0px 3px 0px 0px;}
.lineup_c .lineup_in .box {
	padding:4px;
	background: url(../img/box_bg_bc.jpg) no-repeat left bottom;
	min-height:100px;height:auto;_height:100px;display:block;
}
.lineup_c .lineup_in .box p {margin-bottom:3px;font-size:80%;}
.lineup_c .lineup_in p.ttl {width:205px;border-bottom:dotted 1px #B9DEEA;line-height:1.6em;display:block;}

.lineup_c .lineup_in .box .fR {width:100px;_width:100px;}
.lineup_c .lineup_in .box span {display:block;width:200px;clear:both;text-align:right;width:200px;}

.lineup_c .lineup_in .bg_01 {
	background-color:#FBFCCD;display:block;padding:3px;	color:#3779CF;}
.lineup_c .lineup_in .bg_02 { background-color:#F2CD5E;color:#3779CF;block;padding:3px;display:block;}
.lineup_c .lineup_in .bg_03 { background-color:#CDF89E;color:#3779CF;block;padding:3px;display:block;}
.lineup_c .lineup_in .bg_04 { background-color:#A9EAF8;color:#3779CF;block;padding:3px;display:block;}
.lineup_c .lineup_in .bg_05 { background-color:#CADDF0;color:#FFF;block;padding:3px;display:block;}
.lineup_c .lineup_in .bg_06 { background-color:#F7D8FE;color:#FFF;block;padding:3px;display:block;}
.lineup_c .lineup_in .bg_07 { background-color:#F9B9F5;color:#FFF;block;padding:3px;display:block;}
.lineup_c .lineup_in .bg_08 { background-color:#DD7660;color:#FFF;block;padding:3px;display:block;}


/* container */
#container { margin:0; background-color:#fff;clear:both;padding:10px 2px 10px 0px; }

#left {width:666px;float:left;text-align:left;padding:0px 3px 10px 0px;}

#left table.news {line-height:1.7em;margin-left:10px;margin-bottom:10px;width:600px;font-size:90%;}
#left table.news th {vertical-align:top; line-height:25px;
	padding:0px 10px 5px 25px;
	float:left;
	background-image: url(../img/list_mark.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#left table.news td {
	padding:3px 0px 5px 0px;}
	
#left .banner {margin-bottom:10px;}
#left .banner2 {margin:10px 0 10px 0;}

#right {width:230px;float:right;}
#right .box_b {padding:5px;border-bottom:solid 1px #FFF;background-color:#D9F3F4;}
#right .box_c {padding:5px;margin-bottom:10px;border-bottom:solid 1px #FFF;background-color:#D9F3F4;}
#right .box_b p,#left .box_b c p {padding:3px 0px 10px 0px;font-size:90%;}

#right .mm { margin-bottom:10px; text-align:center; }


/* footer */
#footer { clear:both; padding:0 0 30px; background-image:url(../img/footer_bg.jpg); background-repeat:repeat-x; background-position:left top; background-color:#fff; text-align:left;padding:10px 5px 0px 5px;min-height:70px;height:auto;_height:70px; }
#footer a { margin-left:12px; padding-right:17px; color:#2C0E0E; border-right:solid 1px #88766A; }
#footer p.copy {float:right;margin-top:-1em;font-size:85%;}



#topbtn { padding:0 0 5px; margin-left:640px; text-align:center; background-image:url(img/main_side_bg.png); background-repeat:repeat-x; background-position:left top; background-color:#fff; }
#topbtn a { display:block; text-decoration:none; margin-bottom:4px; font-size:90% }
#topbtn a span { text-decoration:underline; }

#mainvisual { float:left; margin-right:5px; }

#cose { border:solid 3px #DBDBDB; margin:10px 0 0; padding:0 0 10px; }
#cose h2 { height:30px; text-indent:-9999px; background-image:url(../img/title/top_syohin.png); background-position:center top; background-repeat:no-repeat; background-color:#fff; }

#cose ul { margin:10px 0 0 6px; }
#cose ul li { width:270px; float:left; margin:0 8px 5px 0; text-align:center; }
#cose ul li a { text-decoration:none; }
#cose ul li a span { text-decoration:underline; }

#cose ul.gyoshu { margin:14px 7px 0; padding:36px 0 0 25px; border-top:solid 3px #DBDBDB; background-image:url(img/gyoshu.png); background-position:7px 9px; background-repeat:no-repeat; }
#cose ul.gyoshu li { width:250px; margin-right:15px; }

#cose ol { margin:14px 7px 0; padding:13px 0 0 110px; border-top:solid 3px #DBDBDB; background-image:url(img/needs.png); background-position:7px 13px; background-repeat:no-repeat; }
#cose ol li { list-style:none; line-height:2.5; }

#sourcePath { margin:10px;}
#sourcePath ul { padding:0 20px; text-align:left; background-image:url(img/icon/sourcepath_02.png); background-position:left 50%; background-repeat:no-repeat; }
#sourcePath ul li { display:inline; }
#sourcePath ul li a { padding:0 20px 0 0; display:-moz-inline-box; display:inline-block; background-image:url(img/icon/sourcepath_01.png); background-position:right 50%; background-repeat:no-repeat; }


/* thumb type */
.thumbtype01 { position:relative; color:#1F0101; width:271px; height:151px; margin:0 5px; float:left; background-image:url(img/top_clm03_boxbg.png); background-position:left top; background-repeat:no-repeat; background-color:#040; }
.thumbtype01 span.thumb { position:absolute; top:16px; right:19px; width:92px; display:block; }
.thumbtype01 span.thumb img { margin:0; }
.thumbtype01 a.detail { margin:5px; display:block; height:20px; text-indent:-9999px; background-image:none; }
.thumbtype01 h3 { margin-right:120px; padding:0 10px 10px; font-size:110%; font-family:"Times New Roman", Times, serif; }
.thumbtype01 h3 span { display:block; color:#1F0101; padding:10px 0 15px; font-size:80%; }
.thumbtype01 p  { padding:0 10px; clear:both; font-size:90%; line-height:1.7; }

.thumbtype02 {}
.thumbtype02 span { display:-moz-inline-box; display:inline-block; width:95px; vertical-align:top; }
.thumbtype02 span.thumb { width:89px; height:104px; background-image:url(img/thumb_type02.png); background-color:#fff; background-position:left top; background-repeat:no-repeat; }
.thumbtype02 span.thumb img { margin:5px; }

.footbox { width:780px; height:80px; margin:35px auto 0; background-image:url(img/foot_contact_bg.png); background-position:left top; background-repeat:no-repeat; background-color:#fff; }
.footbox .text { padding:20px 0 0 480px; }



/* List box */
ul.type01 {}
ul.type01 li { padding:2px 0 2px 13px; line-height:1.1; margin:0 0 7px; background-image:url(img/icon/arrow01.png); background-position:left center; background-repeat:no-repeat; background-color:;}

ul.type02 { margin:5px 0 20px; }
ul.type02 li { padding:2px 0 2px 13px; line-height:1.1; margin:0 0 7px; background-image:url(img/icon/arrow02.png); background-position:left 3px; background-repeat:no-repeat; background-color:;}

ul.type03 { width:200px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3", serif; font-weight:bold; }
ul.type03 li { padding:2px 0; width:200px; text-indent:15px; line-height:1.1; margin:0 0 15px; background-image:url(img/icon/arrow03.png); background-position:left 3px; background-repeat:no-repeat; background-color:;}
ul.type03 li a { color:#fff; }

ul.type04 {}
ul.type04 li { padding:1px 0 1px 15px; line-height:1.2; margin:0 0 15px; background-image:url(img/icon/arrow03.png); background-position:left 3px; background-repeat:no-repeat; background-color:;}
ul.type04 li a { color:#fff; }

ol.type01 {}
ol.type01 li { width:240px; float:left; font-size:85%; }
ol.type01 li span { color:#690; font-weight:bold; display: -moz-inline-box; display:inline-block; zoom:1; height:auto; width:2ex; text-align:center; margin-right:4px; }

ol.type02 {}
ol.type02 li {}

dl.type01 { margin:0;}
dl.type01 dt { color:#900; float:left; width:100px; display:inline; margin:0 10px;}
dl.type01 dd { padding:0 0 0 130px; margin:0; border-bottom:#CCCCCC dashed 1px;}
dl.type01 dd img { vertical-align:middle; margin:5px;}

/* Tables */
table.type01 { border:#CCCCCC solid 1px; margin:15px 0px;color:#000;clear:both;width:660px;}
table.type01 tr {}
table.type01 tr th { text-align:left; width:30%; padding:5px; background-color:#EBEBEB;font-weight:normal;border: 1px solid #CCC;}
table.type01 th strong {color:#F00;}
table.type01 tr td { padding:5px; background-color:#fff;border: 1px solid #CCC;}
table.type01 tr.title th { padding:10px;}
table.type01 tr.title td {}


table.type02 { border:#EBEBEB solid 1px; margin:15px 0px;width:660px;color:#000;clear:both;text-align:center;}
table.type02 tr {}
table.type02 tr th.tl { width:100%; padding:5px; background-color:#EBEBEB;}
table.type02 td.sun { background-color:#FEEDFE;width:14%;}
table.type02 td.st { background-color:#E1F2FF;width:14%;}
table.type02 tr td.gr {background-color:#EBEBEB;width:14%;}
table.type02 tr th {border: 1px solid #CCC;}
table.type02 tr td {width:92px;	padding:5px;background-color:#fff;	border: 1px solid #CCC;vertical-align:top;}


table.type03 { border:#EBEBEB solid 1px; margin:15px 0px;width:660px;color:#000;clear:both;text-align:left;border: 1px solid #CCC;}
table.type03 tr {}
table.type03 th.or,table.type03 td.or { background-color:#FEEDFE;border: 1px solid #FFA2D0;}
table.type03 th.sk,table.type03 td.sk { background-color:#FCFADA;border: 1px solid #FC0;}
table.type03 th.pk,table.type03 td.bl { background-color:#E1F2FF;border: 1px solid #7DD1E3;}
table.type03 tr th.gr,table.type03 tr td.gr {background-color:#EBEBEB;}
table.type03 tr th {padding:5px;border: 1px solid #CCC;font-weight:normal;border: 1px solid #CCC;}
table.type03 tr td {padding:5px;background-color:#fff;	border: 1px solid #CCC;vertical-align:top;border: 1px solid #CCC;}


table.type04 tr td {
background-color:#FFFFFF;
border:0px solid #FFFFFF;
padding:0px;
}

/* フォーム用Table*/

table.formtype01 { border:#CCCCCC solid 1px; margin:15px 10px}
table.formtype01 tr {}
table.formtype01 tr th { text-align:left; width:30%; padding:5px; background-color:#DFF5C5;}
table.formtype01 tr td { padding:5px; background-color:#fff;}
table.formtype01 tr.title th { padding:10px;}
table.formtype01 tr.title td {}

div.text table.type01 tr th {
background-color:#D9F3F4;
border:1px solid #CCCCCC;
font-weight:normal;
padding:5px;
text-align:left;
width:30%;
}

/*  */
.detail {margin-bottom:10px;}
.detail_merumaga {margin-bottom:25px;}
.detail .op {
	float:left;
	padding:10px 0px 5px 20px;
	line-height:1em;
	width:380px;
}
.detail .op p {
	padding-left:90px;
	text-indent: -85px;
	margin-bottom: 10px;
}
.detail p img {vertical-align:middle;margin-bottom:3px;margin-right:3px;}

span.line { display:block;line-height:20px; background-image:url(../img/bg_line.gif); background-repeat:repeat-x;}
