@import url("contents.css");


/* =========================================================================
　基本　
===========================================================================*/
body { padding:0;  margin:0; font-family: 'メイリオ,Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',Verdana,Geneva,Arial,Helvetica,sans-serif'; }

*  {padding:0;	margin:0; }
p{font-size:80%;  line-height:150% ; color:#555;}
dl,li{font-size:80%; color:#555;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;} 

table{border-collapse:collapse;border-spacing:0; font-size:12px; } 
fieldset,img{border:0;} 
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';} 

.font120 {font-size:120%;}
.font82 {font-size:82%;}
.fontspace{ letter-spacing:0.1em;}

a        { color: #306596;	text-decoration:underline; }
a:hover  { color: #6099CC; text-decoration:none; }
a:active { color: #6099CC; text-decoration:none; }
a:visited{ color: #982E61;text-decoration:underline;  }

.red   { color:#FF0000; }
.white   { color:#FFFFFF; }
.brown{ color:#996600;}
.green{color:#5C726B;}  /** ←フォントベースカラー **/
.bold{ font-weight:bold;}

.center{ text-align:center; }
.center2{ margin:0 auto; }
.top10{ margin:10px 0 0 0;}
.bottom10  { margin:0 0 10px 0; }
.left  { float:left; }
.left10  { margin:0 0 0 10px; }
.right { float:right; }
.rightT{ text-align:right;}
.right10 { margin:0 10px 0 0;}
.over{	_zoom: 1;overflow: hidden;}
.zero{ margin:0;}
.noborder{ border:0;}

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

/* Win版IE7とMac版IE5対策 */
.clear{display:inline-block;}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
*html .clear{height:1px;}
.clear{display:block;}
/* End hide from IE-mac */


/* =========================================================================
　メイン（ＴＯＰ・中ページの背景）
===========================================================================*/
#mainBgtop{  background:url(../img/base/topBg.jpg) no-repeat center 0;  }/*←TOPの背景*/
#mainBg{ background:url(../img/base/mainBg.jpg) no-repeat center 0;   }/*←TOPの背景*/
#main{}  /** **/

/* =========================================================================
　ヘッダ
===========================================================================*/
#head{ height:70px;width:970px; margin:0 auto; }

/************** グローバルメニュー *****/
#head ul{height:36px; width:700px; float:right;}
#head li{ float:left;}

#head .menu01 a{ background:url(../img/base/gmenu01.jpg) no-repeat; width:100px; height:36px; text-indent:-9999px; display:block;}
#head .menu01 a:hover{ background:url(../img/base/gmenu01.jpg) no-repeat 0 -36px;}

#head .menu02 { background:url(../img/base/gmenu02.jpg) no-repeat 0 -36px;width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu02 a{ background:url(../img/base/gmenu02.jpg) no-repeat; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu02 a:hover{ background:url(../img/base/gmenu02.jpg) no-repeat 0 -36px;}

#head .menu03{ background:url(../img/base/gmenu03.jpg) no-repeat 0 -36px; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu03 a{ background:url(../img/base/gmenu03.jpg) no-repeat; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu03 a:hover{ background:url(../img/base/gmenu03.jpg) no-repeat 0 -36px;}

#head .menu04 { background:url(../img/base/gmenu04.jpg) no-repeat 0 -36px; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu04 a{ background:url(../img/base/gmenu04.jpg) no-repeat; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu04 a:hover{ background:url(../img/base/gmenu04.jpg) no-repeat 0 -36px;}

#head .menu05 { background:url(../img/base/gmenu05.jpg) no-repeat 0 -36px; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu05 a{ background:url(../img/base/gmenu05.jpg) no-repeat; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu05 a:hover{ background:url(../img/base/gmenu05.jpg) no-repeat 0 -36px;}

#head .menu06 { background:url(../img/base/gmenu06.jpg) no-repeat 0 -36px; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu06 a{ background:url(../img/base/gmenu06.jpg) no-repeat; width:99px; height:36px; text-indent:-9999px; display:block;}
#head .menu06 a:hover{ background:url(../img/base/gmenu06.jpg) no-repeat 0 -36px;}

#head .menu07 a{ background:url(../img/base/gmenu07.jpg) no-repeat; width:105px; height:36px; text-indent:-9999px; display:block;}
#head .menu07 a:hover{ background:url(../img/base/gmenu07.jpg) no-repeat 0 -36px;}

/* =========================================================================
　フッタ
===========================================================================*/
/************** フッターの位置を下に固定する命令 *****/
#footBg{ background:url(../img/base/footBg.jpg) no-repeat center 0; height:90px;}

#foot { width:970px;margin:0 auto;}
#foot ul{ float:right; padding:10px 0 0 0;}
#foot li{ float:left;}