/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* GENERAL */
a {text-decoration: none;}
a:link, a:visited {color:#444444;}
a:hover {color: #;text-decoration: underline;}  /*オリジナルの色*/
a img {vertical-align: bottom;}
.clear { clear:both;} /*floatの解除、ここがポイント*/
img{ vertical-align: text-bottom;}

/*レイアウトの設定*/
body {font: 13px/1.5 "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MP Pゴシック", sans-sefif;border-top:5px solid #3A558D;}
#wrapper {width: 960px;  margin:0px auto;}
/*ヘッダーの設定*/
#header {position: relative; height: 140px;}
#header h1 {font-size:10px;border-bottom:1px solid #cccccc;padding:1px;}
#header img{vertical-align:bottom;}
#header .logo{position:absolute;left:0px;top:20px;}
#header .sitemap{position:absolute;left:860px;top:48px;}
#navigation {position: absolute;left:0px;top:100px;}
#navigation ul{border-right:1px solid #cccccc;}
#navigation li{float:left;border-left:1px solid #cccccc;font-size:0px;}
#navigation li a {background-image:url(../img/navi_img.png);display:block;overflow:hidden;width:220px;height:26px;margin:0 8px ;}
#nav01 a{background-position:   0px -2px ;}
#nav02 a{background-position:-440px -2px ;}
#nav03 a{background-position:-220px -2px ;}
#nav04 a{background-position:-660px -3px ;}
#nav01 a:hover{background-position:   0px -47px ;}
#nav03 a:hover{background-position:-220px -47px ;}
#nav02 a:hover{background-position:-440px -47px ;}
#nav04 a:hover{background-position:-660px -47px ;}
#nav01 a.stay{background-position:   0px -95px ;}
#nav03 a.stay{background-position:-220px -95px ;}
#nav02 a.stay{background-position:-440px -95px ;}
#nav04 a.stay{background-position:-660px -95px ;}

/*コンテンツの設定*/
#content { position:relative;width : 100%; min-height:540px;margin:20px 0; border-top:1px solid #cccccc;}
/*本文の設定(通常版)*/
#primary {width:700px;	margin: 20px 10px;}
#primary .section { padding:10px 10px 20px 0px; }	
#primary .section h2 { font-size:200%; margin-bottom:20px; font-weight:bold;}
#primary .section h3 { font-size:200%; font-weight:bold;padding:2px 3px;margin-bottom:20px;border-bottom:1px solid #3A558D;}
#primary .section h4 { font-size:140%; margin:10px 5px; font-weight:bold;}
#primary .section p  {  margin:20px 5px;}
#primary .section ul  { margin:20px 5px;}
#primary .section li  { }
#primary .section table {}
#primary .section table	 th{ font-weight:bold;padding:10px;width:160px; background: #eeeefe;border:1px solid #cccccc;}
#primary .section table	 td{ padding:10px;width:500px;border:1px solid #cccccc;}
#primary a {color:#4169E1;}
#primary .topnews  { padding:18px 0;border-bottom:1px dotted #cccccc;}
#primary .topnews h2 { font-size:200%; margin-bottom:20px; font-weight:bold;}
#primary .topnews span {float:left;width:110px;}
#primary .topnews dt {float:left; width:60px;text-align:center;vertical-align:baseline;}
#primary .topnews dd {margin-left:190px; width:480px;}
#news{background:#87CEEB;font-size:80%;}
#publicity{background:#98FB98;font-size:80%;}

/*目次の設定*/
#secondary { position: absolute; left : 720px; top :10px;width:240px;}
#secondary .section{margin:10px 5px;padding:5px;}
#secondary .section h3 {margin-bottom:8px;}
#secondary .section h4 {font-size:100%;font-weight:bold;margin-bottom:3px;background:#dddddd;padding:3px 10px;}
#secondary .section ul{border-top:1px solid #cccccc;}
#secondary .section li{border-right:1px solid #cccccc;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;background:url(../img/side_li.png) no-repeat;padding:5px 10px 5px 30px;}

/*フッターの設定*/
#footer {border-top:1px solid #cccccc;text-align:right;padding:20px 0;}
#footer li{	float:right;margin-left:20px;}

/*メールフォームの設定*/
#primary .mailform table td {padding:5px;}
#primary .mailform p {padding:5px;}
#primary .mailform textarea {padding:5px;}