@charset "UTF-8";


/* tag style
-----------------------------------------------------------------------------*/
a{
	color:#336699;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.midashi-h1 a,.midashi-h2 a,.midashi-h3 a,.menu-box a,#top-jirei h3 a{
	color:#505050;
	text-decoration:none;
}
.midashi-h1 a:hover,.midashi-h2 a:hover,.midashi-h3 a:hover,.menu-box a:hover,#top-jirei h3 a:hover{ 
	text-decoration:underline;
}

/* structure
-----------------------------------------------------------------------------*/
html{
    margin-bottom:1px;
    height:100%;
	overflow-y:scroll;
}
body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif;
	line-height:1.6;
	text-align:center;
	color:#505050;
	font-size: 13px;
	*font-size: small;
	*font: x-small;/*13px*/
	background:url(../images/body-bg.gif) repeat-x top;
}
#header{
	text-align:center;
}
#header-inner{
	width:900px;
	margin:0 auto;
	text-align:left;
}
#container{
	width:900px;
	margin:0 auto;
	overflow:hidden;
	text-align:left;
}
#contents{
	float:right;
	width:700px;
	padding:0 0 20px;
	text-align:left;
}
#menu{
	float:left;
	width:180px;
	padding:0 0 20px;
}
#footer{
	height:93px;
	clear:both;
	text-align:center;
	background:url(../Library/images/footer/footer-bg.gif) repeat-x bottom;
}
#footer-inner{
	width:900px;
	margin:0 auto;
	text-align:left;
}


/* header detail
------------------------------------*/
#header-text{
	height:25px;
	color:#7F7F7F;
	text-align:center;
}
#header-text p{
	width:900px;
	margin:0 auto;
	padding:13px 0 0;
	overflow:hidden;
	line-height:12px;
	text-align:left;
}
#header-text p span{
	display:block;
	padding-left:202px;
	line-height:12px;
	text-align:left;
}
#header-text p *{ line-height:25px; }
#header #logo{
	float:left;
	margin:-11px 20px 0 0;
	position:relative;
}
#sitename{
	float:left;
}
#lang-tab{
	padding-top:15px;
	float:right;
}
/* ヘッダーナビ */
#header-navi{
	width:900px;
	clear:both;
	overflow:hidden;
	background:url(../Library/images/header/header-navi.gif) no-repeat left top;
}
#header-navi li{
	display:inline;
}
#header-navi li a{
	width:150px;
	height:37px;
	display:block;
	float:left;
	text-indent:-7123px;
	font-size:1px;
	line-height:1px;
	text-decoration:none;
	overflow:hidden;
}
#header-navi li a:hover{
	background-image:url(../Library/images/header/header-navi-hover.gif);
	background-repeat:no-repeat;
}
#header-navi li.list01 a:hover{ background-position:0 0; }
#header-navi li.list02 a:hover{ background-position:-150px 0; }
#header-navi li.list03 a:hover{ background-position:-300px 0; }
#header-navi li.list04 a:hover{ background-position:-450px 0; }
#header-navi li.list05 a:hover{ background-position:-600px 0; }
#header-navi li.list06 a:hover{ background-position:-750px 0; }

/* menu detail
------------------------------------*/
.menu-box{
	margin:0 0 10px;
	padding:0 0 5px;
	background:url(../Library/images/menu/box-bg.gif) no-repeat left bottom;
}
.menu-box ul{
	padding:2px 10px 0;
}
.menu-box ul li{
	line-height:1.25;
	margin:2px 0;
	padding:0 0 0 8px;
	background:url(../images/arrow.gif) no-repeat left .45em;
}
#menu-company{
}
#menu-company h4,#menu-company address{
	padding-left:5px;
	line-height:1.2;
}
#menu-banner{
	background:#E1E1E1;
	padding:2px 0 0;
}
#menu-banner li{
	text-align:center;
	padding-bottom:2px;
}



/* footer detail
------------------------------------*/
#footer-navi{
	border-top:solid 1px #999999;
	line-height:36px;
	text-align:center;
}
#footer-navi li{
	display:inline;
	line-height:36px;
	margin-left:7px;
	padding:0 0 0 10px;
	background:url(../images/pipe.gif) no-repeat left center;
}
#footer-navi li.firstChild{
	margin:0;
	padding:0;
	background:none;
}
p#copy{
	line-height:40px;
	text-align:right;
}


/*other Template detail
------------------------------------*/
ol#pankuzu{
	margin:10px 0 13px 3px;
	line-height:22px;
}
ol#pankuzu li{
	display:inline;
	line-height:22px;
	list-style-type:none;
}
ol#pankuzu li a{
	padding-right:10px;
	background:url(../images/arrow-pankuzu.gif) no-repeat right center;
}
.inq-banner{
	margin:30px 0 20px;
}
.pagetop{
	text-align:right;
}

/*module
-----------------------------------------------------------------------------*/
.habayose{
	width:670px;
	margin-left:15px;
	margin-right:15px;
	overflow:hidden;
}
.imgR{
	float:right;
	margin:0 0 0 20px;
}
.imgL{
	float:left;
	margin:0 20px 0 0;
}


/* link
------------------------------------*/
/* アンカー */
.anchor{
	text-align:right;
}
.anchor a{
	padding:0 0 0 9px;
	background:url(../images/arrow.gif) no-repeat left center;
}
/* 外部リンク */
.external{
	margin-right:2px;
	padding-right:13px;
	background:url(../images/icon-external.gif) no-repeat right center;
}
/* PDFリンク */
.link-pdf{
	line-height:20px;
	text-align:right;
}
.link-pdf a{
	padding:5px 0 5px 19px;
	background:url(../images/icon-pdf.gif) no-repeat left center;
}

/*table
------------------------------------*/
.table-deco table,table.table-deco{
	border-collapse:collapse;
	border-spacing:0;
	border:solid 1px #9C9A99;
	width:670px;
}
.table-deco th{
	border:solid 1px #9C9A99;
	background:#F5F5F5;
	padding:4px 10px;
	font-weight:normal;
	text-align:left;
	width:30%;
}
.table-deco tr.headline th{
	text-align:center;
	background:#e1e1e1;
	font-weight:bold;
}
.table-deco td{
    border:solid 1px #9C9A99;
	background:#ffffff;
	padding:4px 10px;
	text-align:left;
	width:70%;
}
.table-deco th span.hissu{
	display:block;
	float:right;
	text-align:right;
	width:1em;
	color:#F00;
}
.table-deco td.submit{
	width:auto;
	text-align:center;
	padding:15px 0;
	background:#E1E1E1;
	vertical-align:middle;
}

/*list
------------------------------------*/
ul.list-p{
	margin-left:10px;
}
ul.list-p li{
	background:url(../images/arrow2.gif) no-repeat left .45em;
	padding:2px 0 2px 12px;
	line-height:1.3;
}
ol.list-p{
	list-style:decimal outside;
	padding:0 0 0 30px;
}
ul.note li,p.note{
	padding:0 0 3px 20px;
	text-indent:-1.4em;
	line-height:1.4;
	line-height:1.3;
}
ul.note span,p.note span{
	margin-right:5px;
	color:#333;
	font-family:monospace;
}
ol.list-bk li{
	padding:0 0 3px 30px;
	text-indent:-30px;
	line-height:1.3;
}
ol.list-bk li.d2{
	padding-left:30px;
	text-indent:-30px;
}
ol.list-bk li span{
	margin-right:10px;
	color:#333;
	font-family:monospace;
}

/*font
------------------------------------*/
.midashi-h1{
	background:url(../images/midashi-h1.gif) no-repeat left top;
	height:45px;
	line-height:45px;
	font-weight:bold;
	margin:0 0 10px;
	padding:0 0 0 15px;
	font-size:1.8em;
	color:#093E21;
}
.midashi-h2{
	background:url(../images/midashi-h2.gif) no-repeat left top;
	height:31px;
	line-height:31px;
	font-weight:bold;
	margin:30px 0 10px;
	padding:0 0 0 15px;
	font-size:1.4em;
	color:#FFFFFF;
}
.midashi-h3{
	background:url(../images/midashi-h3.gif) no-repeat left top;
	height:30px;
	line-height:30px;
	font-weight:bold;
	margin:20px 0 10px;
	padding:0 0 0 15px;
	font-size:1.2em;
	color:#093E21;
}
.midashi-sub1{
	background:url(../images/midashi-sub1.gif) repeat-x bottom;
	font-weight:bold;
	margin:20px 0 10px;
	padding:0 0 5px;
	font-size:1.2em;
	line-height:1.2;
	color:#093E21;
}
.rem{
	color:#E60012;
	font-weight:bold;
}
.red{ color:#ff0000; }
.bold{ font-weight:bold; }
.large{
	font-size:1.2em;
}
.xsmall{
	font-size:85%;
	line-height:1.2;
}
.xxsmall{
	font-size:77%;
	line-height:1.2;
}


/* for Javascript
-----------------------------------------------------------------------------*/
/* spry */
input.hissu{ background:#ffeeef; }
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg,
.textareaRequiredMsg,
.textareaRequiredMsg,
.radioRequiredMsg, .radioInvalidMsg{
	display: none;
}
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg,
.textareaRequiredState .textareaRequiredMsg,
.radioRequiredState .radioRequiredMsg,
.radioInvalidState .radioInvalidMsg{
	display: block;/*(06)*/
	color: #ff0000;
	padding-left:5px;
	font-weight:bold;
	padding-left:23px;
	background:url(../images/icon-error.gif) no-repeat 5px center;
}
.textfieldValidState input, input.textfieldValidState {
	background-color: #F0F8FF;/*(07)*/
}
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #fbe7da;
}
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;/*(09)*/
}
.textfieldFlashText input, input.textfieldFlashText {
	color: red !important;
	padding-left:5px;
}
.textareaValidState textarea, textarea.textareaValidState {
	background-color: #F0F8FF;
}
textarea.textareaRequiredState, .textareaRequiredState textarea, 
textarea.textareaMinCharsState, .textareaMinCharsState textarea, 
textarea.textareaMaxCharsState, .textareaMaxCharsState textarea {
	background-color: #fbe7da;
}
.textareaFocusState textarea, textarea.textareaFocusState {
	background-color: #fbe7da;
}
/* spry confirm */
.confirmRequiredMsg, 
.confirmInvalidMsg, 
.confirmValidMsg {
	display: none;
}
.confirmRequiredState .confirmRequiredMsg,
.confirmInvalidState .confirmInvalidMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.confirmValidState input, input.confirmValidState {
	background-color: #B8F5B1;
}
input.confirmRequiredState, .confirmRequiredState input, 
input.confirmInvalidState, .confirmInvalidState input
{
	background-color: #FF9F9F;
}
.confirmFocusState input, input.confirmFocusState {
	background-color: #FFFFCC;
}