@charset "utf-8";

/*==============
基本設定
==============*/
/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
	background:url(../img/bg_mainTop.jpg) 0 top repeat-x;
}

body {
	background:url(../img/bg_mainBottom.jpg) 0 bottom repeat-x;
	font-size:87.5%;
	line-height:1.3;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
}

#wrapper {
	width:980px;
	margin:0 auto;
	padding:0 60px;
	background:url(../img/bg_gnavObi.jpg) 0 208px no-repeat;
}

h2 {
	margin-bottom:20px;
}

h3.ttl_blue {
	background:url(../img/bg_ttl_blue.jpg) 0 0 no-repeat;
	height:26px;
	padding-top:4px;
	padding-left:30px;
	font-size:114%;
	font-weight:bold;
	color:#fff;
	margin-bottom:20px;
}

h4.iconAdd {
	background:url(../img/icon_blueborder.jpg) 0 3px no-repeat;
	border-bottom:2px solid #009;
	padding:2px 0 2px 10px;
	margin-bottom:20px;
}

a:hover img {
    filter: alpha(opacity=75 );  /* IE */
    opacity:0.75;                 /* Firefox,Opera,Safari */
    -moz-opacity:0.75;           /* Firefox 0.9より前 */
}

ul li img {
	vertical-align:top;
}

/*==============
header
==============*/
h1 {
	color:#000092;
	background:url(../../index/img/bg_areaH1.jpg) 0 bottom no-repeat;
	height:25px;
	padding-top:6px;
}

#header p {
	line-height:0;
}

/*==============
gnav
==============*/
#gnav {
	width:980px;
	height:69px;
	background:url(../img/bg_gnav_on.jpg) 0 0 no-repeat;
	margin-bottom:0;
}

body#top #gnav {
	margin-bottom:17px;
}

#gnav ul {
	padding-left:5px;
}

#gnav ul li {
	float:left;
	text-indent:-9999px;
}

#gnav ul li a {
	display:block;
	width:130px;
	height:55px;
	background-image:url(../img/bg_gnav.jpg);
	background-repeat:no-repeat;
}

#gnav ul li.gnav01 a {
	background-position:-5px 0;
}

#gnav ul li.gnav02 a {
	background-position:-135px 0;
}

#gnav ul li.gnav03 a {
	background-position:-265px 0;
}

#gnav ul li.gnav04 a {
	background-position:-395px 0;
}

#gnav ul li.gnav05 a {
	background-position:-525px 0;
}

#gnav ul li.gnav06 a {
	background-position:-655px 0;
}

#gnav ul li a:hover{
	background:none;
}

/*==============
pan
==============*/
#pan {
	font-size:85%;
	margin:0px 20px 10px 20px;
}

#pan span {
	margin:0 10px;
}

#pan a {
	text-decoration:underline;
}

#pan a:hover {
	text-decoration:none;
}

/*==============
contents
==============*/
#contents {
	background:#fff;
}

/*==============
main
==============*/
#main {
	width:684px;
	float:right;
	margin-right:12px;
	display:inline;
	margin-bottom:40px;
}


/*==============
aside
==============*/
#aside {
	float:left;
	width:238px;
	margin-left:12px;
	display:inline;
}

#aside ul li {
	margin-bottom:10px;
}

/*==============
main
==============*/
.section {
	margin-bottom:30px;
}

.section2 {
	margin-bottom:20px;
}

.stage {
	padding:0 20px;
}

.pagetop{
	background:url(../img/pagetop_01.jpg) repeat-x;
	width:980px;
	height:26px;
	font-weight:bold;
	text-align:center;
	padding-top:15px;
	clear:both;
}
/*==============
footer
==============*/
#footer {
	background:url(../img/bg_footer.jpg) 0 bottom no-repeat #282877;
	color:#fff;
	text-align:center;
	font-size:12px;
	height:160px;
}

#footer ul li {
	display:inline;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #fff;
}

#footer ul li a {
	color:#fff;
	text-decoration:none;
}

#footer ul li a:hover {
	text-decoration:underline;
}

#footer ul.footerList01 {
	padding-top:18px;
}

#footer ul.footerList02 {
	padding-top:5px;
}

#footer ul.footerList03 {
	padding-top:22px;
}

address {
	margin-top:45px;
	color:#333;
	font-style:normal;
}

/*==============
parts
==============*/
/* boxBorder */
.boxBorder {
	border:1px solid #ccc;
	padding:20px;
}

/* maruBox680 */
.maruBox680 {
background:url(../img/bg_marubox680_middle.jpg) 0 0 repeat-y;
}

.maruBox680Top {
	background:url(../img/bg_marubox680_top.jpg) 0 0 no-repeat;
}

.maruBox680Bottom {
	background:url(../img/bg_marubox680_bottom.jpg) 0 bottom no-repeat;
	padding:20px;
	width:640px;
}

/*==============
sample
==============*/
.listBox {
	margin-bottom:10px;
}

.right {
	font-weight:bold;
	float:right;
	width:440px;
}

.listBox .price,
.listBox .strong {
	color:#f00;
	font-weight:bold;
}

.listBox .price {
	font-size:185%;
}

.listBox .strong {
	font-size:112%;
}

.listBox .btn {
	margin-top:10px;
}


/*==============
style
==============*/
.txtRight {
	text-align:right;
}

.txtCenter {
	text-align:center;
}

.inline {
	display:inline;
}

.imgBorder {
	border:1px solid #ccc;
}
/* フォント */

.fontS {
	font-size:82%;
}

.txtBlue {
	color:#009;
}

.bold {
	font-weight:bold;
}

.red {
	color:#f00;
}

.blue {
	color:#009;
}

.pink {
	color:#EC008C;
}

.price {
	font-size:185%;
}

.strong {
	font-size:112%;
}

a.linkBlue {
	color:#06f;
	text-decoration:underline;
	font-weight:bold;
}

a.linkBlue:hover {
	text-decoration:none;
}

/* 余白 */
.marB10 {
	margin-bottom:10px;
}

.marT10 {
	margin-bottom:10px;
}

.marT20 {
	margin-bottom:20px;
}

.marB20 {
	margin-bottom:20px;
}

.marB40 {
	margin-bottom:40px;
}

.marR10 {
	margin-right:10px;
}

.marR20 {
	margin-right:20px;
}


/* フロート */
.floatR {
	float:right;
}

.floatL {
	float:left;
}
/*==============
clearfix
===============*/
.clearfix:after,
#gnav ul:after,
#contents:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix,
#gnav ul,
#contents {
  min-height: 1px;
}

* html .clearfix,
* html #gnav ul,
* html #contents {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}