@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 author     :hirasawa(admin)
 style info :共通（ヘッダー、フッター）
=================================================================== */
#header {
	padding:10px 0px 0px 0px;
	background-color:#690202;
}
	
#header h1{
       float:left;	
}
#header .head_mune{
      float:right;
      text-align:right;
	  font-size:12px;
}
#header .head_mune ul li{
      display:inline;
      margin-bottom:15px;
}
#header .head_mune li{
     margin:0px 15px 0px 0px;
	 background-image:url(http://www.the-sankyo.com/img/share/icon/icon_yajirusi.gif);
	 background-repeat:no-repeat;
	 padding-left:15px;
}
#header .head_form{
     padding-top:15px;
}
#header .gNavi{
  clear:both;
  margin:7px auto;
}
.pankuzu{
   clear:both;
   font-size:12px;
   padding:2px 0px 15px 0px;
}
#header .nav{
    font-weight:bold;
}	
#header .nav a{
    font-weight:bold;
	color:#757575;
	text-decoration:none;
}	
#header .nav a:hover{
	color:#757575;
	text-decoration:none;
}
#header .head_mune  a{
	color:#0033FF;
	text-decoration:none;
}	
#header .head_mune  a:hover{
	color:#cc0000;
	text-decoration:none;
}	
	
  


/* #utilityNav
----------------------------------------------------------- */
#header #utilityNav {
	text-align: right;
}

#header #utilityNav li {
	display: inline;
}

/* #gNav
----------------------------------------------------------- */
#header #gNav {
	overflow: hidden;
}

* html #header #gNav {
	height: 1%;
}

#header #gNav li {
	float: left;
}

/* nav
----------------------------------------------------------- */

.nav {
width: 100%; /* ナビゲーションの幅 */
background: #ffffff url(http://www.the-sankyo.com/img/share/head/hor_menu3_off.gif) repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #cccccc solid; /* 上枠線 */
border-bottom: 1px #cccccc solid; /* 下枠線 */
font-size: 12px;
}

/* --- メニューエリア --- */
.nav .nl {
width: 800px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #ffffff url(http://www.the-sankyo.com/img/share/head/hor_menu3_off.gif) repeat-x top; /* メニューの背景 */
border-left: 1px #cccccc solid; /* メニューの左枠線 */
border-right: 1px #ffffff solid; /* メニューの右枠線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
width: 10%; /* 項目の幅 */
float: left;
}
.nav .nl li.item3 {
width: 9.2em;
}
.nav .nl li.item2 {
width: 8.0em;
}
.nav .nl li.item4 {
width: 9.0em;
}
.nav .nl li.item8 {
width: 7.0em;
}
/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 11px 2px; /* リンクエリアのパディング（上下、左右） */
border-top: 1px #ffffff solid; /* リンクエリアの上枠線 */
border-bottom: 1px #808080 solid; /* リンクエリアの下枠線 */
border-left: 1px #ffffff solid; /* リンクエリアの左枠線 */
border-right: 1px #cccccc solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #ffffff url(http://www.the-sankyo.com/img/share/head/hor_menu3_on.gif) repeat-x top; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer{
   width:100%;
   font-size:12px;
   color:#757575;
   clear:both;
   background-color:#FFFFFF;
}
#footer a{
   text-decoration:none;
}
#footer a:hover{
   text-decoration:none;
}

#footer .pagetop{
  border-bottom:1px solid #757575;
  text-align:right;
  padding:10px;
  margin:6px;
}
#footer .policy {
  float:left;
} 
#footer .fnavi {
  float:right;
}    
#footer .fnavi ul li {
  display:inline;
}
#footer .fnavi li {
     margin:0px 15px 0px 0px;
	 background-image:url(http://www.the-sankyo.com/img/share/icon/icon_yajirusi_wh.gif);
	 background-repeat:no-repeat;
	 padding-left:15px;

}  
#footer .adress{
  text-align:right;
  margin-top:10px;
}
/* -----------------------------------------------------------
	#area800
----------------------------------------------------------- */

.area800{
  width:800px;
  margin:0 auto;
}