@charset "utf-8";

/*
	Description: initial setting
*/

/*/////////////////////////////////////////
		body and base setting
/////////////////////////////////////////*/

body {
	margin: 0px;
	padding: 0px;
	color:#333;
	font-family: "ＭＳ Ｐゴシック", "Meiryo", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:75%;
	text-align:center;/* box centering */
	}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.6;/* base line height */
	text-align: left;
	}

table {
	margin : 0;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells: show;
	font-size:100%;
	}

hr{
	display : none;
	}

img {
	border: none;
	vertical-align: bottom;
	}

li {
	list-style: none;
	}

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{
	border-bottom: dotted 1px;
	cursor:help;
	}

/*/////////////////////////////////////////
		form setting
/////////////////////////////////////////*/

fieldset{
	margin; 0;
	padding: 0;
	border: none;
	}

legend{
	margin: 0;
	padding: 0;
	}

option{
	padding-right:10px;
	}

*+html option{
	padding-right:0;
	}/* for IE7&Opera */

* html option{
	padding-right:0;
	}/* for IE6 */

/*/////////////////////////////////////////
		link setting
/////////////////////////////////////////*/

a:link		{	color: #0066ff;	text-decoration:none;				}
a:visited	{	color: #664466;	text-decoration:none;				}
a:hover		{	color: #0000ff;	text-decoration:underline;	}
a:active	{	color: #FF6666;	text-decoration:underline;	}

/*
	Description: module setting
*/

/*/////////////////////////////////////////
		Clearfix
/////////////////////////////////////////*/

/* clearfix */
.clear:after {
content:"";
display:block;
clear:both;
}

	/* for IE6 */
	* html .clear {
	display:inline-block;
	}
	
	/* for IE7 */
	*+html .clear {
	display:inline-block;
	}

/*
	Description: layout setting
*/

body {
	background:#f3f3f3;
	}

/*/////////////////////////////////////////
		Container
/////////////////////////////////////////*/

#container {
	width:100%;
	margin:0 auto;
	background:#f3f3f3;
	text-align: center;/* box centering */
	}

/*/////////////////////////////////////////
		Wrapper
/////////////////////////////////////////*/

#wrapper{
	width:950px;
	margin:0 auto;
	background:#fff;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	text-align: center;/* box centering */
	}

/*/////////////////////////////////////////
		Main
/////////////////////////////////////////*/

#main{
	padding: 20px 30px;
	border-top: 1px solid #e0e0e0;
	clear:both;
	}

.h2{
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
}

.h3{
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	font-size: 20px;
	line-height: 1.2;
	text-align: center;
	border-bottom:1px solid #111987;
}

.h4{
	text-align: center;
}

.description{
	text-align: center;
}

/* box */

.box{
	margin: 15px auto;
	border: 1px solid #e0e0e0;
	background:#f9f9f9;
}

.box.box-common{
	width: 60%;
	padding: 25px;
}

.box.box-full{
	padding: 25px;
}

/* msg */

.msg{
	margin: 0 0 10px 0;
	padding: 8px 12px;
}

.msg.msg-error{
	background:#ffe9e9;
	color:red;
}

.msg.msg-notice{
	background:#e9e9ff;
	color:blue;
}

/* table */

.table{
	width: 100%;
}

.table th{
	font-weight: normal;
}

.table.table-login{
	width: 75%;
	margin: 0 auto;
}

.table.table-login th{
	padding: 1em 0;
	width: 100px;
}

.table.table-login input{
	width: 100%;
}

/* btn */

.btn{
	width: 200px;
	margin: 10px 0;
	padding: 0.5em 0;
	cursor:pointer;
}

.btn-list li{
	margin: 10px 0;
}

.btn-list li a{
	display: block;
	padding: 10px;
	border: 1px solid #ccc;
	background:#eee;
	color: #111987;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.btn-list li a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity:0.5;
	text-decoration: none;	
}

.btn-list li a span{
	font-size: 14px;
	font-weight: normal;
}

input[type="text"],
input[type="password"]{
	padding: 5px;
}

.inquiry{
	background: #fff !important;
}

.inquiry div{
	padding: 10px 15px;
	background:#f3f3f3;
}

.inquiry div table th{
	width: 6em;
	font-weight: normal;
}

/*/////////////////////////////////////////
		Footer
/////////////////////////////////////////*/

#footer{
	clear:both;
	padding:0 3px;
	}

#footer{
	clear:both;
	}

	/*
	Description: base template style
*/

/*/////////////////////////////////////////
		General
/////////////////////////////////////////*/

p 		{	margin:0 0 10px 0;	} 

#header h1 	{	margin:0; }

h1 		{	margin:0 0 10px 0;	}

.fr{	float:right	!important;	}
.fl{	float:left	!important;	}

.cb{ clear:both;}
.cn{ clear:none;}

.tr{	text-align:right	!important;	}
.tl{	text-align:left		!important;	}
.tc{	text-align:center	!important;	}

.nobd	{	border:none !important;			}
.nobkg{	background:none !important;	}
.nomp{	margin:0 !important; padding:0 !important;	}
.nom{	margin:0 !important;}

.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}

.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}

/*	width setting
-----------------------*/

.w48{ width:48px;}
.w100{ width:100px;}
.w115{ width:125px;}
.w123{ width:123px;}
.w132{ width:132px;}
.w140{ width:140px;}
.w170{ width:170px;}
.w180{ width:180px;}
.w200{ width:200px;}
.w225{ width:225px;}
.w210{ width:210px;}
.w240{ width:240px;}
.w290{ width:290px;}
.w318{ width:318px;}
.w320{ width:320px;}
.w328{ width:328px;}
.w340{ width:340px;}
.w346{ width:346px;}
.w386{ width:386px;}
.w430{ width:430px;}
.w440{ width:440px;}
.w485{ width:485px;}
.w500{ width:500px;}
.w520{ width:520px;}
.w545{ width:545px;}
.w578{ width:578px;}
.w590{ width:590px;}

.w10per{ width:10%;}
.w12per{ width:12%;}
.w15per{ width:15%;}
.w20per{ width:20%;}
.w25per{ width:25%;}
.w30per{ width:30%;}
.w33per{ width:33%;}
.w35per{ width:35%;}
.w38per{ width:38%;}
.w40per{ width:40%;}
.w43per{ width:43%;}
.w50per{ width:50%;}
.w100per{ width:100%;}

.bold {
	font-weight:bold;
	}

/*/////////////////////////////////////////
		Header
/////////////////////////////////////////*/

/*	logo
-------------------------*/

#logo{
	float:left;
	width:286px;
	padding:10px;
	}

p#logo{
	float:left;
	width:286px;
	margin:0;
	padding:10px;
	}

/*	header_link
-------------------------*/

#header_link ul{
	float:right;
	margin:10px 0 6px 0;
	padding:0 5px 0 0;
	}		

* html #header_link ul{
	float:right;
	margin:10px 0 6px 0;
	padding:0 5px 0 0;
	}
*:first-child+html #header_link ul{
	float:right;
	margin:6px 0 4px 0;
	padding:0 5px 0 0;
	}
*:first-child+html #header_link ul li{
	margin:2px 0 0;
	}

#header_link ul li{
	float:left;
	padding:0 12px 0 0;
	}

/*/////////////////////////////////////////
		Footer
/////////////////////////////////////////*/

/*	footer div
-------------------------*/

#footer div{
	padding:14px 0 16px 12px;
	font-size:95%;
	background:url(../img/line_double_blue.gif) repeat-x top;
	}

#footer div p			{	float:left;	margin:0 15px 0 0;	}
#footer div dl dt	{	float:left;	margin:0 5px 0 0;		}

#footer div dl		{	float:left;	}
#footer div dl dd	{	float:left;	}

/*	footer ul
-------------------------*/

#footer ul{
	padding:13px 0 27px 10px;
	border-top:1px solid #e0e0e0;
	}

#footer ul.clear{
	margin:0;
	}

#footer ul li{
	float:left;
	}

#footer ul li.fr{
	padding:0 10px 0 0;
	}

#footer ul li img{
	vertical-align:top;
	}

/* error */

.http_error .status_code{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.0;
}

.http_error{
	width: 500px;
	margin: 25px auto 5px;
	padding: 30px;
	background:#f6f6f6;
}

.http_error .status_title{
	font-size: 40px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 30px 0;
	padding: 0;
	line-height: 1.0;
}

.http_error .status_msg{
	border-top: 1px solid #ddd;
	font-size: 14px;
	text-align: center;
	margin: 0;
	padding: 30px 0 0 0;
	line-height: 1.1;
}