/* CSS Document */
/* -----------------------------------------------------------
CSS Information

File name:common.css
Style Info:Basis CSS
Applies to:All.html
----------------------------------------------------------- */

/*----------------------------------------------------
 Basis
----------------------------------------------------*/

/* Standard */
*{
margin:0;
padding:0;
}

html{
color:#000;
background:#fff;
font:normal 76%/1.4 verdana, arial, helvetica, sans-serif;
}

hr{
display:none;
}

ul{
list-style:none;
}

/* Link */
a{
text-decoration:none;
color:#003d19;
}

a:hover{
text-decoration:underline;
color:#003d19;/*color:#ff1a00;*/
}

/* Images */
img {
border: none;
}

/*----------------------------------------------------
 Clear
----------------------------------------------------*/

.clear{
clear: both;
}

.clearfix{
display: inline-block;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

/* Hide from IE Mac ?*/
.clearfix{
display: block;
}
/* End hide from IE Mac */

div {
display: inline-block;
}

/*----------------------------------------------------
 BODY
----------------------------------------------------*/

/* PAGE WRAP */
#pagewrap{
width:800px;
margin:0 auto;
padding:0;
}

/* CONTAINNER */
#container{
min-width:770px;
margin:0 auto;
padding:15px;
}

/* CONTENTS WRAP */
#contents{
max-width:800px;
min-width:770px;
margin: 0 auto 40px auto;
}

#content{
min-width:770px; padding: 0; margin: 0 auto; position: relative;}


/*----------------------------------------------------
 Header
----------------------------------------------------*/

/* header */
#header{
max-width:800px;
min-width:770px;
position: relative;
margin:0 auto 10px auto; 
padding:0 0 0 15px;
}

/*----------------------------------------------------
 LOGO
----------------------------------------------------*/

/* Site logo */
#header h1{
position:relative;
float:left;
width: 199px;
height: 47px;
margin:3px 0 0 -15px;
z-index: 1;
}

#header h1 a{
display:block;
width: 199px;
height: 47px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/logo/logo.gif) no-repeat;
}

#header small{
position: absolute;
left: -9999px;
} /* skip to content link */


/* eco */
#header p a.eco{
position:relative;
float:left;
display: block;
width: 284px;
height: 48px;
text-indent: -9999px;
overflow: hidden;
background: url(../images/logo/ecologo.gif) no-repeat;
margin:0 0 0 30px;
z-index: 2;
}

#content {position: relative; z-index: 0;}


/*----------------------------------------------------
 EYE Catch
----------------------------------------------------*/

/* オーバーラップ */
#eye{
position:relative;
display:block;
width:770px;
margin:0 auto;
padding:0;
z-index:0;
}


/*----------------------------------------------------
 Top level Navigation
----------------------------------------------------*/

/* オーバーラップ */
#toplevelnav{
text-align:left;
position:relative;
max-width:800px;
min-width:770px;
margin:0 auto;
padding:1px 0 0 13px;
margin-left:-15px;
}

/* キャプション */
#toplevelnav h3{
display:none;
}

/* コンテナ */
#toplevelnav-containar{
position: relative;
min-width:770px;
margin:0 auto;
padding:0;
}


/*----------------------------------------------------
 Footer
----------------------------------------------------*/

/* オーバーラップ */
#footer{
max-width:800px;
min-width:770px;
padding:0 15px;
margin:20px auto 10px auto;
position: relative;
}

/*----------------------------------------------------
 Utility
----------------------------------------------------*/

/* オーバーラップ */
#utility{
width:770px;
margin:0 auto;
padding:5px 15px;
line-height:1.85em;
border-top:1px dotted #003d19;
overflow: hidden;
}

/* キャプション home*/
#utility .footerbreadCrumb span a{
color:#003d19;
}

/* キャプション */
#utility .footerbreadCrumb span{
float: left;
margin-right:15px;
}

#utility .corporate-links *,

#utility li {margin-left: .25em; padding-left: .75em;}
#utility li.first {margin-left: 0; padding-left: 0; background: none;}
#utility .corporate-links,
#utility .legal-info {
position: relative; margin-left: 1.8em; font-size: 79%;}
#utility .legal-info {float: left; display: inline;}
#utility p,
#utility a{color: #6d6d6d;}

#utility a:hover {color: #e01d07;}

/*----------------------------------------------------
 Over link
----------------------------------------------------*/

/* オーバーラップ */
#overlink{
position:relative;
display:block;
width:770px;
margin:0 auto;
}

/* キャプション */
#overlink h4{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:x-large;
color:#003d19;
margin:0 auto;
}

/* Link */
#overlink ul{
margin:0 auto;
width:auto;
float:none;
display:block;
padding:0;
}

#overlink ul li{
float: left;
padding: 1.6em 10px 1.4em 1.4em;
width:auto;
}

#overlink ul li ul li {float: none; padding:0;
line-height:1.4em /*1.15em*/;}

#overlink ul li ul li a {
color:#003d19;
font-size:79% /*76%*/;
}

#overlink ul li ul li a:hover {
/*color:#003d19; #e01d07*/
text-decoration:underline;
}

#overlink h5{
color:#333;
font-size:92%;
margin-bottom:.4em;
}

#overlink h5 a{
color:#003d19;
}


/*----------------------------------------------------
 ADD
----------------------------------------------------*/

/* オーバーラップ */
#add{
position:relative;
float:right;
width:130px;
display:block;
margin:0 10px 0 auto;
padding:1.5em 0 1.8em 1.4em;
text-align:left;
color:#003d19;
}

/* タイトル */
#add h2{
display:none;
}

/* キャプション */
#add h4{
color:#333;
font-weight:bold;
}

#add p{
color:#6d6d6d;
font-size:79%;
margin-bottom:.4em;
}

#add p.add{
color:#333;
font-weight:bold;
font-size:92%;
margin-bottom:.4em;
}


/*----------------------------------------------------
 Legal
----------------------------------------------------*/

#legal {
clear:both;
width:770px;
margin:5px auto 30px auto;
padding:0 15px;
line-height: 1.85em;
overflow: hidden;
font-size: 79%;
color:#003d19;
border-top: 1px solid #003d19;
}

/*#legal .corporate-links *,
#legal .legal-info *{
display: inline;
}*/

#legal p{
display:block;
position: relative;
float:left;
width:auto;
margin:5px 15px 0 0;
}

#legal ul{
display:block;
position: relative;
float:right;
width:auto;
margin:0;
padding:0;
}

#legal ul li{
float:left;
}

#legal ul li a{
display:block;
border-top:1px solid snow;
padding:4px 7px .4em 7px;
margin:0 2px;
}

#legal ul li a:hover{
border-top:1px solid #003d19;
}

/* Links */
#legal li.first {margin-left: 0; padding-left: 0; background: none;}

/* CSS Document */
/***********************************************/
/* style.css 							*/
/* Use with All.html template 			*/
/***********************************************/
/*header*/
#headerbox_wrap{position:relative; width:100%; margin:0px auto;}

/* ヘッダーの設定*/
#headerbox_head{width:auto; position: relative;}
#headerbox_left{width:30%; float:left; position: relative;}
#headerbox_c{width:30%; float:left; position: relative;}
#headerbox_right{width:30%; float:left; position: relative;}
#headerbox_foot{position:relative; width:100%; clear:both;}


/* margin */
.main-margin{ margin:0; }
.mgn-full { margin:0; padding:1.8em; }

/* 1.8em="a",top="t",bottom="b",left="l",right="r" */
.mgn-a-t { margin:0; padding:1.8em 0 0 0; }
.mgn-a-t-r { margin:0; padding:1.8em 1.8em 0 0; }
.mgn-a-t-b { margin:0; padding:1.8em 0; }
.mgn-a-t-l { margin:0; padding:1.8em 0 0 1.8em; }
.mgn-a-b { margin:0 0 1.8em 0; }
.mgn-a-r { margin:0; padding:0 1.8em 0 0; }
.mgn-a-l { margin:0; padding:0 0 0 1.8em; }

/* .7em="h" */
.mgn-h-t-b { margin:0.7em 0; }
.mgn-h-t { margin-top:0.7em; }
.mgn-h-t-a-b { margin:0.7em 0 1.8em 0; }

/* 10="10px" */
.mgn-10-r { margin-right: 10px; }

/* padding="pdn" */
.pdn-a-b { margin:0; padding:0 0 1.8em 0; }

/* float */
.float-left { float:left; }
.float-right { float:right; }

/* 装飾 */
.hide { display: none; }
.strong { font-weight:bold; color:#000; }
.Initial { font-family: Georgia, "Times New Roman", Times, serif !important; font-size: x-large; text-shadow:Olive 3px 3px 2px; font-weight:bold; color: black; padding: 0 3px 3px 0; top: -2px; }
.bc { margin:10px 0; padding:10px; border:1px solid #cccccc; }

/* QRコード */
#qrcode { background: url(/images/logo/qrcode/qrcode.jpg) no-repeat; width:132px; height:132px; }
.qrc { margin:-13px 0 0 -10px; }