@charset "utf-8";

/*-----------------------------------------------
 __default style clear
 width:960px
 #3366cc
 a:hover {color:#ff6600;}
s:width:230px;
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
}
body {
	background-color:white;
	font-size:74.5%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333;
	line-height:1.5;
	margin:0;padding:0
}
html {
	overflow-y:scroll;
}

p {
	margin:0 0 1em;
}


img,
fieldset {
	border:0;
}

.fontRed
 {
color: #ff0000;
}

.smallText
 {
	font-size:74.5%;
}
/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------

a {text-decoration:none;}

a:link {border-bottom:solid 1px #ccff99;
}



a:visited {color: #333;
}
a:active {color: #333;}
*/

a:hover {color:#ff6600;}




/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	width:960px;

		margin:10px auto 0;
}

/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	margin-bottom:30px;
	margin-top: 5px;

}

#header h1 {
	padding:10px 15px 0;
}

/*-----------------------------------------------
 __pan
-----------------------------------------------*/

#pan {
	height:1.7em;
	border:1px solid #dbef97;
}
#pan li {
	float:left;
	line-height:2em;
	color:#000000;
	padding-left:0.85em;
	font-size: x-small;
	list-style:none;
	
}
#pan li a {
	background: url(pan.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;	text-decoration:none;
	
}
#pan li a:link, #pan li a:visited {
	color:#777;
	text-decoration:none;
}
#pan li a:hover, #pan li a:focus {
	color:#ff6600
}

/*-----------------------------------------------
 __privacy
-----------------------------------------------*/

.privacyli {
	line-height:2em;
	color:#000000;
	font-size: small;
	list-style-position: outside;
	margin-left: 40px;
	margin-right: 40px;
	
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	width:940px;
	margin-bottom:15px;
	padding:10px;
	background-color: #3366cc;
	font-size: x-small;
	background-image: url(../footer_bg.gif);
	background-repeat: no-repeat;
	background-position: right;

}

#footer ul {
	text-align:right;
	margin-top: 0;
	margin-right: 30px;
	margin-bottom: 5px;
}

#footer ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid #FFFFFF;
}

#footer ul li.utilityHome {
	border-left:0;
}

#footer p#copyright {
	text-align:right;
	margin-right: 30px;
	margin-bottom:0px;
	color: #FFFFFF;
}

A.footer:link {color:#FFFFFF;text-decoration:none;}
A.footer:hover {color:#ff6600;border-bottom:solid 1px #fff;
}
A.footer:active { color : #ff6600;
}
A.footer:visited { color : #FFFFFF;text-decoration : none; }


/* __main
------------------------------------------*/

#main {
	float:right;
	width:660px;
	margin-bottom:0px;
	/*background:#EDB8A9;*/
	color:black;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#dl  li{
list-style-type:decimal;
}

.txt {
	color: #333333;
	margin-left: 20px;
	font-size: 14px;
	margin-right: 30px;
	line-height: 22px;
}


.notes{
color: #333333;
	margin-left: 30px;
	margin-right: 30px;
	}



.top a {
	margin-top: 30px;
	margin-bottom: 30px;
		line-height:1.7;
font-size: x-small;
	/* a要素をブロックに */
	display: block;
	/* 背景画像と同じ幅高さ指定 */
	height: 20px;
	width: 200px;
	color: #666;
	/* 文字の位置 */
	text-align: right;
	text-decoration: none;
	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(../img/button_top-trans.png) 0 0 no-repeat;
	float: right;
	margin-right: 15px;
}

.top a:hover {
	color:#FFF;
	/* 背景画像指定 X:0 Y:-45px 繰り返し無し */
	background: url(../img/button_top-trans.png) 0 -20px no-repeat;
	float: right;

}







#main h1{
	margin-top: 10px;
}
#main h2{
	border-bottom:1px solid #666666;
	line-height:200%;
	padding-left:20px;
	color: #003399;
	margin-right: 20px;
	background-image: url(../img/01_m.jpg);
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 40px;

}



table.line{
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}
.line th{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	color:#003300;
	background-color:#ebf8c3;
	background-image:url(../img/table-back.gif);
	background-position:left top;
	padding:0.3em 1em;
	text-align:center;
}
.line td{
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	padding:0.3em 1em;
}
.line .odd	{
	background: #e7f7fe;
}

dl.news {
	width: 580px;
	margin-bottom: 40px;
	padding: 10px;
	overflow: hidden;
	background-color: #f7f7f7;
	text-align: left;
	background-image: url(../img/bg.gif);
}

dl.news dt {
	float: right;
	margin-left: 30px;
	padding: 15px 0;
	color: #666666;
}

dl.news dd {
	padding: 15px 0;
	border-bottom: 1px dotted #999;
	padding-left: 15px;
/*	background: url(../img/mark.gif) no-repeat 2px;*/
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
}

dl.news dd a {
	font-weight: bold;
	
}
.new {color: #FF0000}



/*link*/

.m_link {
	color: #666666;
	text-indent: 20px;

}

#m_link a {
display: block;

margin:0;
height:28px;/*画像の縦*/
width:280px; 

	background:  url(../img/cssbu01.gif);
	color: #333;
border:1px solid #CCCCCC; 
text-decoration:none; 
line-height:30px; 
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
	}	
	

#m_link a:hover {
	list-style:none;
	color: #ff6600;
	background:  url(../img/cssbu01_r.gif)
	}
	



/* __sub
------------------------------------------*/

#sub {
	float:left;
	width:240px;
	margin-top:5px;
	margin-bottom:10px;
	/* background-color: #eff4ff;*/
	padding-top: 38px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	position:absolute; 
}

#sub p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}


.profile
{
	padding:5px;
	border-color:#333333;
	border-width:1px;
	border-style:solid;
	width:230px;
	background-color: #F6F6F6;
}

#sub h1 {
	font-size:100%;
	letter-spacing:1px;
	
}

.sub_m{

width : 240px;	/* 横幅 */
list-style-type : none;	/* マークなし*/
/*list-style-position : outside;  マークは領域外に配置 */
padding-top : 1px;	/* 重ねあわせによる位置調整 */
padding-left : 0px;
padding-right : 0px;
padding-bottom : 50px;
margin-top : 16px;
margin-left : 0px;	/* 左位置の調整 */
margin-right :0px;
margin-bottom : 0px;

}

.sub_m1{
background: url(../img/m_bg.jpg) no-repeat 0 1px;
width : 240px;	/* 幅 */
line-height : 2em;	/* 行の高さ */
/* text-align : center;	テキストの中央寄せ */
background-color : #fff;	/* 背景色 */
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
border-top-width : 1px;
border-top-style : solid;
border-top-color : silver;
border-left-width : 1px;
border-left-style : solid;
border-left-color : silver;
border-right-width : 1px;
border-right-style : solid;
border-right-color : silver;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : silver;
margin-top : -1px;	/* ボーダーの重ね合わせ */
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}
.sub_m1 a{	/* リンク設定 */
display : block;
width : 240px;
line-height : 2.5em;
padding-left: 25px;
text-decoration:none;

}

.sub_m1 a:hover{
	color : red;
	background-color : #ffffdd;
	padding-left: 30px;
	width : 210px;
	background: url(../img/m_bg_r.jpg) no-repeat 0 1px;


}


/* Form
------------------------------------------------------------------*/
#formTable{ margin:0px auto; padding-bottom:20px; text-align:center;}
#formTable table{margin:0px; margin-bottom:20px;}
#formTable td{border-bottom:#0072b8 dotted 1px; padding:5px 5px 2px 5px;}

#error_text{display: none;}
#error_text2{display: none;}

#formTable .formBtnArea{ width:325px; height:23px; text-align:center; clear:both; padding-left:10px; margin-bottom:5px; margin-left:auto; margin-right:auto;}
#formTable .formBtnArea .formBtn{border:#ccc solid 1px; height:23px; float:left; margin-right:10px;}
#formTable .formBtnArea .formBtn input{font-size:12px; vertical-align:middle; color:#fff !important; font-weight:bold; height:23px; padding-left:30px; padding-right:10px; padding-top:3px; padding-bottom:3px; background-image:url(../img/link_deco.gif); background-repeat:no-repeat; background-position:10px 0px;  background-color:#0072b8; border:#fff solid 1px; display:block; cursor:pointer;}
#formTable .formBtnArea .formBtn input:hover{background-color:#004eac;}

#formTable .formBtnArea .formBtn2{border:#ccc solid 1px; height:23px; float:left; margin-right:10px;}
#formTable .formBtnArea .formBtn2 input{font-size:12px; vertical-align:middle; color:#fff !important; font-weight:bold; height:23px; padding-left:30px; padding-right:10px; padding-top:3px; padding-bottom:3px; background-image:url(../img/link_deco2.gif); background-repeat:no-repeat; background-position:10px 0px;  background-color:#0072b8; border:#fff solid 1px; display:block; cursor:pointer;}
#formTable .formBtnArea .formBtn2 input:hover{background-color:#004eac;}

#formTable .formBtnArea .wrapsizeSS input{width:100px;}
#formTable .formBtnArea .wrapsizeS input{width:150px;}
#formTable .formBtnArea .wrapsizeM input{width:200px;}
#formTable .formBtnArea .wrapsizeL input{width:250px;}
#formTable .formBtnArea .wrapsizeLL input{width:300px;}
#formTable .formBtnArea .wrapsizeXL input{width:400px;}