@charset "utf-8";

/* DEFAULT
---------------------------------------------------------------------------*/
html {overflow-y: scroll;font-size: 62.5%; line-height:1.5;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal !;}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight:lighter;}
caption, th {text-align: left;}
q:before ,q:after {content: '';}
object, embed, td, th {vertical-align: top;}
hr, legend {display: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight:lighter;}
img, abbr, acronym, fieldset {border: 0;}

li {list-style-type: none;}
img{vertical-align: text-bottom;}
p{line-height: 1.5; margin:0 0 1em;}
body {font-size:1.3rem;}

div:after,ul:after,li:after,dd:after {content: ""; display: block; clear: both;}



/* ALL
---------------------------------------------------------------------------*/
body {color: #333;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;background:url(../img/common/body_bg.gif);}


#wrapper{ width:960px;margin:0 auto;}

.pad{padding:10px;}
.clear{clear:both;}



/* LINK-STYLE
---------------------------------------------------------------------------*/
a:link{color: #0099FF;text-decoration: underline;}
a:visited{color: #0099CC;text-decoration: underline;}
a:hover{ color:#663399; text-decoration:underline;}
a:active{color:#663399;text-decoration: underline;}

#footer a:link{color: #400;text-decoration: none;}
#footer a:visited{color: #400;text-decoration: none;}
#footer a:hover{ color:#400; text-decoration:underline;}
#footer a:active{color:#400;text-decoration: none;}

/* CONTAONER
---------------------------------------------------------------------------*/
#container{ overflow:hidden; _zoom:1;}
h1{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size:2.0rem; margin:0 0 5px; border-bottom:3px #333 solid; text-align:right; padding:10px 0 3px; font-size:2.0rem;}

.headerText{ font-size:12px; margin:12px 10px 2px;}

/* SIDE
---------------------------------------------------------------------------*/
#side{ float:left; width:220px; margin:0 0 10px;}
#side h2{ margin:10px 0 10px;}

#side #gNavi{}
#side #gNavi ul{}
#side #gNavi ul li{}

/* CONTENTS
---------------------------------------------------------------------------*/
#contents{ float:right; width:720px; margin:10px 0 10px;}

#contents h3{width:170px; text-align:center; padding:10px 0;}


/* FOOTER
---------------------------------------------------------------------------*/
#footer{clear:both;padding:15px 0 15px;text-align:center; color:#999; border-top:1px #ccc solid;}