@charset "utf-8";
/* CSS Document */

/*---------------------------------
		CommonCSS [初期化,定義]
---------------------------------*/

/* 初期化 */
body { margin:0; padding:0; font-family: verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;}
*:first-child + html body {	/* for IF7 */ font-family: "メイリオ","Meiryo";}

h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-size:100%;}

ul,dl { margin:0; padding:0; list-style:none;}
ul:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
ul {}*/
/* for macIE \*/
* html ul { height:1%; }
ul { display:block; }

dt,dd { margin:0; padding:0;}

img { border:none;}

table {}
th {}

input,select { vertical-align:middle;}

/* 定義 */

.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }
/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* multi class */
strong { font-weight:bold;}
strong.red { color:#F00;}

.fsL { font-size:120%;}

.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }
.fL { float:left; }
.fR { float:right; }

.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%;}

.m10 { margin:10px;}
.mb15 { margin-bottom:15px;}
.mb40 { margin-bottom:40px;}
.mt15 { margin-top:15px;}

.clear { clear:both; }

.BdNone { border:0 !important;}
.Nontext { text-indent:-9999px;}

.print { display:none;}

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

body { text-align:center; color:#444;}
a {color:#08F;}

#base { width:900px; margin:0 auto; text-align:left;}

/* header */
#header { margin-bottom:10px; position:relative; width:900px; background-image:url(../../../../img/header_bg.png); background-position:left top; background-repeat:no-repeat;}

#header h1 { float:left; background-image:url(../../../../img/header_logo.png); background-position:left top; background-repeat:no-repeat;}
#header h1 a { display:block; width:250px; height:50px; overflow:hidden; text-indent:-9999px;}
#header div.contact { float:right; background-image:url(../../../../img/header_contact.png); background-position:left top; background-repeat:no-repeat;}
#header div.contact a { display:block; width:270px; height:50px; overflow:hidden; text-indent:-9999px;}

#header #Gnavi { clear:both; padding-top:5px; width:900px; height:50px;}
#header #Gnavi li { float:left; display:inline; width:150px; height:50px;}
#header #Gnavi li a { display:block; width:150px; height:50px; overflow:hidden; text-indent:-9999px;}
#header #Gnavi li.button01 a { background-image:url(../../../../img/gnavi01.png)}
#header #Gnavi li.button02 a { background-image:url(../../../../img/gnavi02.png)}
#header #Gnavi li.button03 a { background-image:url(../../../../img/gnavi03.png)}
#header #Gnavi li.button04 a { background-image:url(../../../../img/gnavi04.png)}
#header #Gnavi li.button05 a { background-image:url(../../../../img/gnavi05.png)}
#header #Gnavi li.button06 a { background-image:url(../../../../img/gnavi06.png)}

/* container */
#container {}

#left {float:left; width:670px; }
#right {float:right; width:210px;}

#left .article {}
#left .article .head {width:670px; height:37px;}
#left .article .head h2 {float:left; width:470px; height:37px; text-indent:-9999px;}
#left .article .head .more {float:right; width:200px; height:37px; text-indent:-9999px;}
#left .article .head .more a {display:block; width:200px; height:37px;}

#left .title01 {background-image:url(img/top_title01.png); background-position:left top; background-repeat:no-repeat;} 
#left .title01 .more {background-image:url(img/top_title01_more.png); background-position:left top; background-repeat:no-repeat;} 
#left .title02 {background-image:url(img/top_title02.png); background-position:left top; background-repeat:no-repeat;} 
#left .title02 .more {background-image:url(img/top_title02_more.png); background-position:left top; background-repeat:no-repeat;} 
#left .title03 {background-image:url(img/top_title03.png); background-position:left top; background-repeat:no-repeat;} 
#left .title03 .more {background-image:url(img/top_title03_more.png); background-position:left top; background-repeat:no-repeat;} 
#left .title04 {background-image:url(img/top_title04.png); background-position:left top; background-repeat:no-repeat;} 
#left .title04 .more {background-image:url(img/top_title04_more.png); background-position:left top; background-repeat:no-repeat;} 
#left .title05 {background-image:url(img/top_title05.png); background-position:left top; background-repeat:no-repeat;} 
#left .title05 .more {background-image:url(img/top_title05_more.png); background-position:left top; background-repeat:no-repeat;} 
#left .title06 {background-image:url(img/top_title06.png); background-position:left top; background-repeat:no-repeat;} 
#left .title06 .more {background-image:url(img/top_title06_more.png); background-position:left top; background-repeat:no-repeat;} 

#left .type01 {}
#left .type01 .text {clear:both; margin:10px 0;}
#left .type01 .text .box01 {float:left; display:inline; width:325px; height:auto; margin:5px;}
#left .type01 .text .box01 .thumb {float:left; width:100px; margin:0;}
#left .type01 .text .box01 .desc {float:right; width:205px; margin:5px 10px;}
#left .type01 .text .box01 .desc h3 {margin-bottom:10px; font-size:90%;}
#left .type01 .text .box01 .desc h3 a {}
#left .type01 .text .box01 .desc p {margin:0; font-size:80%;}
* html #left .type01 .text .box01 {width:320px;}
* html #left .type01 .text .box01 .desc {width:195px;}

#left .type02 {}
#left .type02 .text {margin:10px 0 15px 0;}
#left .type02 .text .thumb {float:left; width:300px; height:100px; margin:5px;}
#left .type02 .text .desc {float:right; width:330px; margin:15px;}
#left .type02 .text .desc h3 {margin-bottom:15px; font-size:90%;}
#left .type02 .text .desc h3 a {}
#left .type02 .text .desc p {margin:0; font-size:80%;}
* html #left .type02 .text .desc {width:320px;}

#right .feature {margin-bottom:10px;}
#right .banner {margin-bottom:15px;}

#right .article {margin-bottom:10px;}
#right .type01 {}
#right .type01 .text {border-left: #DDD 1px solid; border-right: #DDD 1px solid; border-bottom: #DDD 1px solid; }
#right .type01 .text img {margin:0;}
#right .type01 .text h3 {margin:5px 9px; font-size:90%;}
#right .type01 .text p {margin:5px 9px; font-size:80%;}
#right .type01 .text .more {text-align:right; margin-bottom:10px;}

#right .type02 {}
#right .type02 h2 {width:210px; height:37px; text-indent:-9999px; margin-bottom:5px;}
#right .type02 .text {}
#right .type02 .text .box01 {padding:5px 0; border-bottom:1px dotted #BBB; }
#right .type02 .text .box01 .thumb {float:left; width:80px;}
#right .type02 .text .box01 .desc {float:right; width:120px; font-size:80%;}
#right .type02 .text .last {border-bottom:none; }
#right .type02 .text dl.info {}
#right .type02 .text dl.info dt {display:block; padding:5px; font-size:70%; color:#F00;}
#right .type02 .text dl.info dd {display:block; padding:0 5px 10px 5px; font-size:80%; border-bottom:1px dotted #BBB; }
#right .type02 .text dl.info dd.last {border-bottom:0px;}

/* footer */
#footer { clear:both; border-top:#BBB solid 1px; margin-top:15px;}

#footer ul.navi { float:left; margin:5px;}
#footer ul.navi li { display:inline; font-size:75%; border-right:#444 solid 1px;}
#footer ul.navi li a { color:#444; padding:0 10px 0 5px;}
#footer ul.navi li.last {border:none;}

#footer div.copyright { float:right; margin:5px; font-size:75%;}

/* default */
.orange{
	color:#FF9933;
	margin:0;
}
.ttlbar1 {
	background-image:url(img/h3_page.png);
	color:#000000;
	font-size:1em;
	font-weight: normal;
	padding-left:20px;
	padding-top: 13px;
	height: 37px;
	letter-spacing: 0em;
	background-repeat: no-repeat;
}
.title1 {
	font-style: normal;
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-left: 10px;
}
#sitemap {
	float: left;
	width: 158px;
	font-size: 80%;
	padding: 5px;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
}
#left-w210 {
	float: left;
	width: 210px;
}
#left-w254 {
	float: left;
	width: 254px;
}
#right-w210 {
	width: 210px;
	float: right;
}
#right-w250 {
	width: 250px;
	float: right;
}
#right-w376 {
	width: 376px;
	float: right;
}
.clear {
	clear:both;
	visibility:hidden;
}
#left-w90 {
	float:left;
	width:90px;
	height:90px;
}
.square {
	margin:5px 0 0;
	padding-top:1px;
	padding-left:15px;
	list-style-image: url(../images/menu-head3.gif);
}
.bule{
	color:#003399;
	}
.olive{
	color:#7E633D;
	}
.black{
	color:#000000;
	}
.darkred{
	color:#8B0000;
	margin:0;
	line-height: 1.4em;
	}
.small {
	font-size: smaller;
}
.lh13em {
	line-height: 1.3em;
}
.underline_red{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	}
#left-w254 p {
	color: #339;
	margin-top: 2px;
}
.small {
	font-size: 0.6em;
}

/*---------------------------------
		TypeCSS
---------------------------------*/

.border {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	vertical-align: middle;
}
.title_a {
	vertical-align: middle;
	height: 30px;
	text-indent: 10px;
	border: 0.1px solid #CCCCCC;
	color: #FFFFFF;
	background-color: #999999;
}
.title_b {
	vertical-align: middle;
	height: 20px;
	text-align: center;
	border-right-width: 0.1px;
	border-bottom-width: 0.1px;
	border-left-width: 0.1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #EEEEEE;
}
.title_c {
	vertical-align: middle;
	height: 20px;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-indent: 5px;
}
.title_d {
	vertical-align: middle;
	height: 20px;
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-indent: 5px;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
.title_e {
	border-bottom-width: 0.1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-right-width: 0.1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-left-width: 0.1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.ttlbar1 {
	background-image:url(img/title01.png);
	color:#000000;
	font-size:1em;
	font-weight: normal;
	padding-left:20px;
	padding-top: 13px;
	height: 37px;
	letter-spacing: 0em;
	background-repeat: no-repeat;
}
.ttlucar {
	background-image:url(img/ttlbar_ucar.png);
	padding-left:20px;
	padding-top: 13px;
	height: 37px;
	background-repeat: no-repeat;
	text-indent: 120px;
	color: #435261;
	font-size: 0.8em;
}
#mp-head {
	margin: 0 1em 0 1em;
	width: 700px;
}
#mp-head h1 {
	margin: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	font-size: medium;
	color: #ffffff;
	background-image: url("../imgs/menubg.png");
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	padding-left: 1em;
}

/* --------------------------------------------------------------- */
#mp-main {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	color: #4c4c4c;
	font-size: small;
	width: 670px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#mp-main p,li,dt,dl {
	line-height:1.6;
}
#mp-main p {
	margin-top: 0em;
	margin-bottom: 0.5em;
}
#mp-main a:hover {
	font-size: small;
	color:#dd8d2a;
	text-decoration: underline;
}
#mp-main a {
	font-size: small;
	color:#4c4c4c;
	text-decoration: none;
}
#mp-main input.text,input.password,textarea,select {
	padding:0.1em;
	font-size: small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	background-color: #fdfdfd;
	background-repeat: repeat-x;
	border: 1px solid #abadb3;
}
/* for browsers except IE6  */
#mp-main input[type="text"],input[type="password"],textarea[name],select[name] {
	background-image: url("../imgs/textbox_shadow.png");
}
/* */
#mp-main input.submit, input.reset, button {
	font-size: small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
	overflow: visible;
	padding: 0em 0.5em 0em 0.5em;
	height: 2.2em;
}
#mp-main select {
	font-size: small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", arial, helvetica, sans-serif;
}
#mp-main option {
	padding-right: 1em;
}
#mp-main option[selected="selected"] {
	background-color: #eeeeee;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}
#mp-main img {
	border: 0px;
}
#mp-main table {
	margin-bottom: 1em;
}
#mp-main div.fieldset {
	padding: 0.5em;
	border: 1px solid #6392b1;
	margin-bottom: 1em;
}
#mp-main div.fieldset dl {
	padding:0;
}
#mp-main div.fieldset dt {
	color: #35556b;
	background-image: url("../imgs/form_item.png");
	background-repeat: no-repeat;
	height: 24px;
	line-height: 24px;
	margin: 0.5em;
	padding-left: 28px;
	padding-top: 1px;
}
#mp-main div.fieldset dt span.optional {
	background-image: url("../imgs/optional.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 65px;
}
#mp-main div.fieldset dt span.required {
	background-image: url("../imgs/required.png");
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 65px;
}
#mp-main div.fieldset dd {
	margin: 0.5em;
	padding-left: 1em;
	padding-bottom: 1em;
}
#mp-main div.fieldset dd.delimit {
	border-bottom: 1px dotted #6392b1;
}
#mp-main div.fieldset span.err {
	color: #880000;
}
#mp-main div.fieldset input.text.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset input.radio.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset input.checkbox.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset textarea.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.fieldset select.err {
	background-color: #fff8f8;
	border: 1px solid #aa6666;
}
#mp-main div.errs {
	background-image: url("../imgs/warning.png");
	background-repeat: no-repeat;
	color: #880000;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px 0px 0px 30px;
	min-height: 32px;
	height: auto !important;
	height: 32px;
}
#mp-main span.radioelement {
	margin-right: 1.8em;
	color: black;
}
#mp-main span.checkelement {
	margin-right: 1.8em;
	color: black;
}