@charset "utf-8";

/*//////////////////////////////////////////////////*/
/*// 01.ブラウザ対策                              //*/
/*//////////////////////////////////////////////////*/

/* マージン・パディング／リセット ----------------- */
*{
margin: 0;
padding: 0;
}

img
	{
	border:0;
	}

/* IE7でpadding指定 ------------------------------- */
*:first-child+html body { padding-left: 1px; }

/* IE6以下でpadding指定 --------------------------- */
*html body { padding-left: 1px; }

/* chrome,safariでpadding指定 --------------------- */
@media screen and (-webkit-min-device-pixel-ratio:0) {
html body{
padding-left: 1px;
}
}

/* タイトル 下隙間回避 ---------------------------- */
h1, h2, h3, h4, h5, h6 { line-height: 0;}

/* イメージ 下隙間回避 ---------------------------- */
img { vertical-align: bottom; }

/* clearfix --------------------------------------- */
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}



/*//////////////////////////////////////////////////*/
/*// 02.共通設定                                  //*/
/*//////////////////////////////////////////////////*/

/* リンク ----------------------------------------- */
a:link {
color: #1C1A1B;
text-decoration: underline;
}

a:visited {
color: #1C1A1B;
text-decoration: underline;
}

a:active {
color: #1C1A1B;
text-decoration: underline;
}

a:hover {
color: #999999;
text-decoration: none;
}

/* 回り込み --------------------------------------- */
.left { float: left; }
.right { float: right; }

/* ページ ----------------------------------------- */
body {
text-align: center;
/*明朝系*/
/*font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;*/
/* ゴシック系*/
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #000;
}



/*//////////////////////////////////////////////////*/
/*// 03.ページレイアウト                          //*/
/*//////////////////////////////////////////////////*/

/* ヘッダ ----------------------------------------- */
#header {
clear: both;
text-align: left;
width: 960px;
margin: 0 auto;
}

h1 {
font-size: 11px;
font-weight: normal;
line-height: normal;
float: left;
margin: 40px 0 0 0;
}

#header_info {
clear: both;
padding: 20px 0 0 0;
}

#header_info p {
font-size: 12px;
float: left;
padding: 10px 0 0 0;
}

#header_info img {
float: right;
}

/* メインメニュー --------------------------------- */
ul#mainmenu {
overflow: hidden;
list-style: none;
}

:root *> ul#mainmenu { /*IE6～IE8以外*/
margin: 0 auto;
}

#mainmenu li {
list-style-position: outside;
float: left;
}

/* メインメニュー --------------------------------- */



h2 {
border-top: solid 1px #D7D7D7;
text-align: center;
width: 1140px;
margin: 0 auto;
padding: 5px 0 0 0;
}


/* コンテンツ／ベースサイズ ----------------------- */
#base-style {
clear: both;
width: 960px;
text-align: left;
margin: 0 auto;
padding: 40px 0 0 0;
}

/* コンテンツ ------------------------------------- */
#contents {
width: 680px;
text-align: left;
float: left;
}

/* サイドメニュー --------------------------------- */
#sidemenu {
width: 220px;
float: right;
padding: 0;
}

#sidemenu ul.banner {
list-style-type: none;
margin: 0 0 10px 0;
}

.banner li {
margin: 0 0 10px 0;
}

/* フッタ ----------------------------------------- */
#footer-pagetop {
background: url(../images/common_img/bg_footer.png) repeat-x bottom;
clear: both;
text-align: center;
width: 1140px;
margin: 0 auto;
padding: 50px 0 5px 0;
}

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

/* フッタ アドレス -------------------------------- */
#add {
text-align: right;
padding: 35px 0 0 0;
}

address {
text-align: right;
font-style: normal;
font-size: 12px;
line-height: 16px;
margin: 5px 0 0 0;
}

#copylight {
clear: both;
text-align: left;
font-size: 10px;
width: 960px;
margin: 0 auto;
padding: 20px 0;
}