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

body,#wrap,#header,#hgroup,p{margin:0; padding:0;}
#wrap{ overflow:hidden;}

div,img{ margin:0; padding:0; border:0!important;}
ul { list-style:none; margin:0; padding:0; }
table { border-collapse:collapse;}

body { color:#5F4B3E; background: #FFFBE8 /*url(../image/common/sample.jpg)*/; height: auto/*2500px*/; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

#wrap { background:url(../image/common/back01.png) repeat-x top;}

#container { margin:0 auto; /*width:980px;*/}


/* --- Header --- */
#header { width:980px; margin:0 auto; display:block;}
#hgroup { position:relative;}

#hgroup h1 { font-size:13px; font-weight:normal; position:absolute; z-index:10; display:block; top:10px; left:0!important; width:240px; height: auto; }
#hgroup h2 { position:absolute; z-index:10; display:block; top:40px; left: 0; right: 0;margin: auto; width:240px; height:110px; }
/*#hgroup h1 { position:absolute; z-index:10; display:block; top:40px; left: 0; right: 0;margin: auto; width:240px; height:110px; }*/
#hgroup #utility-nav { font-size:13px; width: auto; padding:15px; position:absolute; top:10px; right:0; background:#F5EBDC;    -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 2px 2px 2px rgba(155,155,155,0.75);}

#global-nav{ padding-top:170px; margin-bottom:30px; }
#global-nav ul { list-style:none; margin:0; padding:0; }
#global-nav li { text-align:center; display: inline-block; font-size: 18px; color:#E95B1D; width:193px; margin:0; }
#global-nav li.nav01{ background:url(../image/common/nav01.png) no-repeat 50% 25%; -moz-background-size:30% auto;background-size:30% auto; border-style:dotted; border-width:0 0 0 2px ; border-color: #B3B3B3;}
#global-nav li.nav02{ background:url(../image/common/nav02.png) no-repeat 50% 25%; -moz-background-size:30% auto;background-size:30% auto; border-style:dotted; border-width:0 0 0 2px ; border-color: #B3B3B3;}
#global-nav li.nav03{ background:url(../image/common/nav03.png) no-repeat 50% 25%; -moz-background-size:30% auto;background-size:30% auto; border-style:dotted; border-width:0 0 0 2px ; border-color: #B3B3B3;}
#global-nav li.nav04{ background:url(../image/common/nav04.png) no-repeat 50% 25%; -moz-background-size:30% auto;background-size:30% auto; border-style:dotted; border-width:0 0 0 2px ; border-color: #B3B3B3;}
#global-nav li.nav05{ background:url(../image/common/nav05.png) no-repeat 50% 25%; -moz-background-size:30% auto;background-size:30% auto; border-style:dotted; border-width:0 2px ; border-color: #B3B3B3;}

/* --- Contents_area --- */
#contents_area { width:980px; margin:30px auto; background: url(../image/top/title-back01.png) no-repeat; }
#contents_area h2{ font-size:15px; color:#5F4B3E; text-align:center; line-height:25px; margin:0;}
#contents_area h3{ font-size:35px; color:#E95B1D; text-align:center; line-height:50px; margin:0;}
#contents_04{ height:auto; margin:0 auto 30px; padding:0 0 30px 0; }
#contents_area .box_r{ width:230px; height:165px; font-size:18px; line-height:40px; margin:30px 20px 0 0; display:inline-block;}
#contents_area .box_l{ width:230px; height:165px; font-size:18px; line-height:40px; margin:30px 0 0 0; display:inline-block;}
#contents_area img{width:230px; height:auto; }

/* --- Info_area --- */
#info_area { width:980px; height: auto; margin:30px auto;}
#info_area h2 { text-align:left; font-weight:normal; line-height:normal; padding:0; margin:0 auto 30px; display:block;}
#info_area .title { font-size:30px; height:50px; padding:0 0 0 95px; background: url(../image/top/info-back01.png) no-repeat; }
#info_area .article { margin:0 auto 15 0; padding:15px 0; border-bottom:#E1DFDC dotted 5px; display:block; /*background:url(../image/common/underline_dots01.png) bottom no-repeat;*/}
#info_area img {width:150px; height:auto}


/* --- Aboutinfo_area --- */
#aboutinfo_area { width:980px; height: auto; margin:30px auto;}
#aboutinfo_area .box_r{ width:475px; height:auto; margin:30px 15px 30px 0; vertical-align:top!important;}
#aboutinfo_area .box_l{ width:475px; height:auto; margin:30px 0 30px 15px; /*vertical-align:top!important;*/}
#aboutinfo_area img{ width:475px; height:auto;}

/*=== TEST === */
#aboutinfo_area .about_box{ width:53%; margin:0 0 20px 0; /*background:url(../image/top/aboutinfo_area01.png) no-repeat;*/}
#aboutinfo_area h2.title01{ width: auto; font-size:25px; color:#E95B1D; font-weight:normal; text-align:left; /*line-height:50px;*/ margin:0; padding:25px 0 25px 70px; /*border-bottom:3px #FF9900 dotted;*/ background: url(../image/top/aboutinfo_title01.png) left no-repeat; background-size:23%; }
#aboutinfo_area h2.title02{ width: auto; font-size:25px; color:#E95B1D; font-weight:normal; text-align:left; /*line-height:50px;*/ margin:0; padding:25px 0 25px 70px; /*border-bottom:3px #FF9900 dotted;*/ background: url(../image/top/aboutinfo_title02.png) left no-repeat; background-size:23%; }
#aboutinfo_area h2.title03{ width: auto; font-size:25px; color:#E95B1D; font-weight:normal; text-align:left; /*line-height:50px;*/ margin:0; padding:25px 0 25px 40px; /*border-bottom:3px #FF9900 dotted;*/ background: url(../image/top/aboutinfo_title03.png) left no-repeat; background-size: 5%; display:block; }
#aboutinfo_area h3,p{ font-size:15px; font-weight:normal; color:#5F4B3E; line-height:normal; text-align:left; padding:0; margin:0; display:block;}
#aboutinfo_area span.line{border-bottom:3px #FF9900 dotted;}
#aboutinfo_area img.mini{ width:45%; margin:20px 0 0; display:block;}

/*--- clearfix --- */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { display: inline-table; }
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.left{ float:left;}
.right{ float:right;}



/* --- Footer --- */
#footer { color:#FFF; width:100%; height:500px; background:url(../image/common/foot_back01.png) repeat-x bottom; position:relative;}
#footer-nav { width:980px; margin:auto; display:block; position: absolute; left: 0; right:0; bottom:150px; }
#footer-nav ul { list-style:none; margin:0; padding:0; }
#footer-nav li { text-align: left; display: inline-block; font-size: 15px; color:#FFF; width: auto/*150px*/; margin:0 30px 0 0; }
#footer .page-top{ position: absolute; top: 210px; right: 50px; /*background: url(../image/common/page_top.png) no-repeat; padding: 30px 0 0 50px;*/ display:block;}
#footer .page-top img{ width:150px; height:auto;}
#copyright { position: absolute; left: 35%; bottom:0;}


/* --- Sub Page Contents --- */
#contents { width:980px; margin:30px auto; }

/* --- Page Title --- */
.title { font-size:30px; height:50px; padding:0 0 0 95px; margin:0 0 30px 0; background: url(../image/top/info-back01.png) no-repeat; }


/* --- Link ---*/
a{ text-decoration:none; color:#5F4B3E;}
a:hover{ text-decoration:underline; /* ふんわりフェード */ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70);	/* IE lt 8 */ -ms-filter: "alpha(opacity=70)"; /* IE 8 */ -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out;}

#global-nav ul a{ color:#E95B1D; text-decoration:none; display:block!important;  padding-top:70px;}
#global-nav ul a:hover{ background:#FFFBE8; text-decoration:underline; /* ふんわりフェード */ opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);	/* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ -webkit-transition: opacity 1.0s ease-out; -moz-transition: opacity 1.0s ease-out; -ms-transition: opacity 1.0s ease-out; transition: opacity 1.0s ease-out;}

#footer-nav ul a{ color:#FFF; text-decoration:none; display:block!important; }
#footer-nav ul a:hover{ text-decoration:underline; /* ふんわりフェード */ opacity: .5; -webkit-opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50);	/* IE lt 8 */ -ms-filter: "alpha(opacity=50)"; /* IE 8 */ -webkit-transition: opacity 1.0s ease-out; -moz-transition: opacity 1.0s ease-out; -ms-transition: opacity 1.0s ease-out; transition: opacity 1.0s ease-out;}

#footer .page-top a{ color:#FFF; text-decoration:none; display:block!important; }
#footer .page-top a:hover{ /* ふんわりフェード */ opacity: .75; -webkit-opacity: .75; -moz-opacity: .75; filter: alpha(opacity=75);	/* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -webkit-transition: opacity 1.0s ease-out; -moz-transition: opacity 1.0s ease-out; -ms-transition: opacity 1.0s ease-out; transition: opacity 1.0s ease-out;}

#aboutinfo_area a{ color:#E95B1D; text-decoration:none; display:block!important; }
#aboutinfo_area a:hover{ text-decoration:none; /* ふんわりフェード */ opacity: .75; -webkit-opacity: .75; -moz-opacity: .75; filter: alpha(opacity=75);	/* IE lt 8 */ -ms-filter: "alpha(opacity=75)"; /* IE 8 */ -webkit-transition: opacity 1.0s ease-out; -moz-transition: opacity 1.0s ease-out; -ms-transition: opacity 1.0s ease-out; transition: opacity 1.0s ease-out;}