@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "MS P ゴシック", verdana, sans-serif;
   color:#333;
}

body { margin:0; padding:0; line-height:1.6; background-color: #eff2c2; background-image: url(images/back_grade.jpg); background-repeat: repeat-x; background-position: left top; letter-spacing:1px; }

br {
   letter-spacing:normal;
}

a {
   color:#98534B;
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}

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

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#outline { background-image: url(images/back_kage.jpg); background-repeat: repeat-y; background-position: left top; width: 786px; margin-right: auto; margin-left: auto; }
#maintop { background-image: url(images/kazari_top.jpg); background-repeat: no-repeat; background-position: left top; width: 780px; clear: both; margin-right: auto; margin-left: auto; }
div#top { width:780px; margin:0 auto; }

div#header { background-color: white; position:relative; width:780px; }

div#pr {
   width:780px;
}

div#gnavi {
   position:absolute;
   bottom:5px;
   right:0;
}

div#menu { width:780px; margin-right: auto; margin-left: auto; }
div#icatch { background-repeat: no-repeat; width:780px; clear: both; margin:0 auto; }

div#contents { width:780px; margin:0 auto; background:#fff; padding-right: 0; padding-bottom: 10px; padding-left: 0; }

div#main { width:780px; margin-top: 20px; }
.mainbox { background-image: url(images/sidebar_blue.gif); background-repeat: repeat-y; background-position: left top; width: 780px; margin-top: 0; padding-bottom: 20px; }
div#sub { width:48em; margin-top: 30px; }

div#info { width:780px; margin-top: 20px; padding-top: 40px; padding-left: 20px; }

div#news { background-image: url(images/item_main.gif); background-repeat: no-repeat; width:780px; height: 500px; }

div#totop {
   clear:both;
}

div#footMenu { width:780px; clear:both; overflow:hidden; margin-right: auto; margin-left: auto; padding:10px 0; }

div#footer { width:780px; clear:both; margin-right: auto; margin-left: auto; padding:10px 0; }


/* ========HEADER CUSTOMIZE======== */
div#header h1 { font-size:2em; color:#333; margin-top: 0; margin-bottom: 0; margin-left: 285px; padding-top: 20px; padding-bottom: 20px; }

div#header h1 a {  }

div#header h1 a:hover {
   color:#D30000;
   text-decoration:none;
}

/* PR CUSTOMIZE */
div#header #pr p { color: #0e2990; margin:0; font-size:0.1em; background-image: url(images/back_top.jpg); background-repeat: repeat-x; background-position: left top; height: 15px; }
/* ========MENU CUSTOMIZE======== */
div#menu ul { margin:0; padding:0; list-style-type: none; }

div#menu li { float: left; }
div#menu li#home a {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#home a:hover {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#item a {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -156px 0;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#item a:hover {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -156px -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#concept a {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -312px 0;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#concept a:hover {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -312px -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#company a {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -468px 0;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#company a:hover {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -468px -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#contact a {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -624px 0;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
div#menu li#contact a:hover {
	background-image: url(images/menu_bar2.jpg);
	background-repeat: no-repeat;
	background-position: -624px -30px;
	text-indent: -9999px;
	display: block;
	height: 30px;
	width: 156px;
}
/* ========INFO CUSTOMIZE======== */
div#info h2 { background:#933; font-size:100%; color:#fff; margin-top: 20px; margin-bottom: 20px; padding:2px 5px 0 20px; border-bottom:3px solid #823c34; }
div#info h3 { font-size:130%; color:#333; line-height:1.2; width: 580px; margin-top: 0; }
div#info p{ background-color: transparent; }
div#info dl dt { width: 7em; float: left; clear: left; padding:10px 0.5em 10px 3em; }

div#info dl dd { margin-left:0; padding:10px 0.5em 10px 15em; background:#fff url(images/bg_info_line.gif) repeat-x 0 100%; }


/* ========NEWS CUSTOMIZE======== */
div#news p {
   margin:0;
   padding:0 0 1em 0;
   font-size:0.75em;
}

div#news h2 { font-size:1.58em; color:#422f28; font-weight: normal; font-style: italic; text-decoration: underline; float: left; clear: both; margin-left: 250px; padding-top: 15px; }
div#news h3 { font-size:1em; color:#333; text-decoration: none; margin-left: 200px; padding-top: 29px; padding-left: 180px; }
/* ========MAIN CONTENTS CUSTOMIZE======== */
div#main a {
   color:#9B0000;
}

div#main a:hover {
   color:#9B0000;
}
.onko { background-image: url(images/onko_back.gif); background-repeat: no-repeat; background-position: center top; width: 780px; padding-top: 20px; }
div#main h2 { font-size:1em; color:white; background-image: url(images/bg_main_line.gif); background-repeat: repeat; background-position: left top; width: 620px; margin-left: 70px; padding-left: 20px; }
div#main h3 { font-size:1em; margin-right: 100px; margin-bottom: 3px; margin-left: 104px; padding-top: 160px; }
div#main h4 { color: #666; margin-bottom:20px; font-size:0.9em; font-weight: normal; background-color: transparent; margin-right: 100px; margin-left: 104px; }
div#main h5 { font-size:0.75em; margin-left: 255px; }

div#main h6 {
   margin-bottom:2px;
   font-size:0.75em;
}

div#main p{ color: #666; text-align: center; margin-bottom: 1em; }
div#main dl { line-height: 1.6; width: 710px; margin-top: 1em; margin-right: 0; margin-bottom: 1em; }
div#main dl dt { font-size: 0.8em; width: 16em; float: left; margin-left: 70px; padding-top: 15px; padding-bottom: 16px; }
div#main dl dd { font-size: 0.8em; margin-left: 70px; padding-top: 15px; padding-bottom: 15px; padding-left: 16em; border-bottom: 1px solid silver; }
/* INFORMATION CUSTOMIZE */
* html body div#main dl.information dd div {
   display:inline-block;
}

div#main dl.information dt {
   margin:0;
   padding:0 0 0 10px;
   background:url(images/bg_list.gif) 0 6px no-repeat;
}

div#main dl.information dd {
   margin:0 0 1em 1em;
   padding:3px;
}


/* ========SUBCONTENTS CUSTOMIZE======== */
div#sub .section {
   margin-bottom:10px;
}

div#sub h2 { font-weight:bold; width: 100px; height: 34px; padding-top: 20px; padding-left: 20px; }
div#sub h3 { color: #9da34a; font-size:1.3em; margin-left: 30px; }
div#sub h4 { color: #4f4e4e; font-size:0.75em; margin-left: 60px; }
div#sub h5 { color: #4f4e4e; font-size:1.3em; float: left; clear: both; }
div#sub h6 { color: #292791; font-size:1em; float: left; clear: both; margin-left: 30px; }
div#sub p { width: 300px; }
div#sub ul {
   margin:5px 0 0 5px;
   padding:0;
}

div#sub li {
   padding:5px 0 5px 0;
   font-size:0.75em;
   list-style:none;
   background:url(images/bg_sub_line.gif) 0 100% repeat-x;
}

div#sub li a {
   display:block;
   width:200px;
   padding-left:12px;
   background:url(images/bg_list.gif) 0 6px no-repeat;
}

div#sub li a:hover {
   border:none;
   font-weight:bold;
   background:#FFF3EF url(images/bg_list.gif) 0 6px no-repeat;
   text-decoration:none;

}
#itemleft { float: left; margin-left: 60px; }
#itemcenter { float: left; margin-left: 18px; }
#itemright { float: left; margin-left: 18px; }
.itemwaku { background-image: url(images/item_waku.gif); background-repeat: no-repeat; background-position: center top; width: 208px; height: 230px; }
#itemline { color: white; font-size: 0.01em; background-image: url(images/bg_info_line.gif); background-repeat: repeat-x; background-position: left top; width: 180px; height: 1px; margin-left: 10px; }
#itemline2 { color: white; font-size: 0.01em; background-image: url(images/bg_info_line.gif); background-repeat: repeat-x; background-position: left top; width: 180px; height: 1px; margin-left: 10px; }
#subleft { float: left; margin-top: 20px; margin-left: 80px; }
#subright { float: left; margin-left: 50px; }
/* ========TOTOP CUSTOMIZE======== */
div#totop{
   position:relative;
   height:2em;
}

div#totop p{
   position:absolute;
   top:10px;
   right:0;
   margin:0;
   font-size:0.63em;
}

div#totop p a {
   padding-left:8px;
   background: url(images/bg_totop.gif) 0 50% no-repeat;
}


/* ========FOOTMENU CUSTOMIZE========= */
div#footMenu {
   position: relative;
   padding:20px 0 0 0;
   border-top:1px solid #CECFCE;
}

div#footMenu ul{
   position:relative;
   left:50%;
   float:left;
   margin:0;
   padding:0;
   list-style:none;
}

div#footMenu li{
   position:relative;
   left:-50%;
   float:left;
   margin:0 20px 0 0;
   padding:0;
   font-size:0.63em;
}


/* ========FOOTER CUSTOMIZE======== */
div#footer{
   text-align:center;
   padding:20px 0;
}

div#footer address {
   font-size:0.63em;
}