@charset "UTF-8";

@import "common.css";

/*--------------------------------------------------
	Index CSS
		1: Head
		2: Main-center
		3: Main-side	   
		4: Sub
---------------------------------------------------*/


/*--------------------------------------------------
           1: Head
---------------------------------------------------*/


/* Flash
===================================================*/
#flash {
	width: 940px;
	height: 230px;
	margin: 5px auto 15px;
	clear: both;
}

#flash .flash_mv {/* Flashムービー */
	width: 630px;
	float: left;
}

/* 今月のゴバーン */
#flash .current_gb {
	width: 310px;
	float: left;
}
#flash .current_gb p,
#flash .current_gb ul {
	margin: 0 0 0 6px;
	padding: 0;
	width: 304px;
}
#flash .current_gb p {
	height: 188px;
}
#flash .current_gb ul {
	height: 42px;
	background-color: #e8e8e8;
	line-height: 0;
}
#flash .current_gb li {
	float: left;
}
#flash .current_gb li.gb_area {/*配布場所ボタンの余白調整*/
	margin-left: 40px;
	margin-right: 10px;
}
* html #flash .current_gb li.gb_area {/*IE6 配布場所ボタンの余白調整*/
	margin-left: 20px;
	margin-right: 10px;
}



/*--------------------------------------------------
           2: Media_center
---------------------------------------------------*/

/* ボックス構成
===================================================*/
#main #center {
	width: 510px;
	float: right;
}
#main #side {
	width: 235px;
	float: right;
}

/* float要素の背景を表示させる
===================================================*/
.clearfix:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;}

.clearfix {
zoom: 1;}


/* ショップナビ
===================================================*/
#center .shopnavi {
	width: 510px;
	margin-bottom: 20px;
}

/*見出し幅・高さ設定*/
#center .shopnavi h2,
#center .shopnavi h3 {
	margin: 0;
	padding: 0;
}
#center .shopnavi h2 {
	height: 48px;
}
#center .shopnavi h3 {
	height: 30px;
}

/* カテゴリー */
#center .shopnavi .list_cat {
	/*width: 510px;*/
	padding: 3px 0;
	background-color: #ffcfcf;
}
#center .shopnavi .list_cat li {
	width: 240px;
	height: 64px;
	margin-bottom: 3px;
	margin-top: 3px;
	float: left;
}
#center .shopnavi .list_cat .g,
#center .shopnavi .list_cat .sp {/*余白調整：左*/
	margin-left: 10px;
}
* html #center .shopnavi .list_cat .g,
* html #center .shopnavi .list_cat .sp {/*IE6 余白調整：左*/
	margin-left: 5px;
}
#center .shopnavi .list_cat .b,
#center .shopnavi .list_cat .sc {/*余白調整：右*/
	margin-left: 8px;
}


/* エリア */
#center .shopnavi .list_area {
	width: 510px;
	padding: 4px 0 8px;
	background: url(../images/index/bg_sn.gif) left bottom no-repeat #cef7ef;
	line-height: 1.7;
}
#center .shopnavi .list_area li {
	background: url(../images/index/icon_arrow_sn.gif) left 5px no-repeat;
	margin-left: 10px;
	width: 230px;
	float: left;
}
* html #center .shopnavi .list_area li {/*IE6*/
	background: url(../images/index/icon_arrow_sn.gif) left 5px no-repeat;
	margin-left: 5px;
	width: 230px;
	float: left;
}
#center .shopnavi .list_area li a {
	padding-left: 13px;
}



/* 更新履歴エリア 共通
===================================================*/

/* 構成 */
#center .updata {
	clear: both;
	width: 510px;
}
#center .updata .blog,
#center .updata .topics {
	width: 250px;
	float: left;
}
#center .updata .topics {
	margin-left: 10px;
}

#center .updata h2 {
	margin-bottom: 7px;
}
#center .updata dl {
	margin-left: 6px;
	margin-right: 6px;
}

/* リスト表示 */
#center .updata .list dt {
	font-size: 95%;
	display: list-item;
	margin-left: 15px;
}
#center .updata .blog .list_first dt {/*記事にサムネイル画像が無い場合の処理*/
	width: 60px;
	height: 60px;
	background: url(http://www.go-baaan.com/images/index/thumb_blog.gif) left top no-repeat;
}
#center .updata .blog .list dt {/*ブログ用*/
	list-style-image: url(../images/common/icon_arrow03.gif);
}
#center .updata .topics .list dt {/*トピックス用*/
	list-style-image: url(../images/common/icon_arrow05.gif);
}

#center .updata .list dd {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #999 dashed;
	color: #999;
	line-height: 1.4;
}
#center .updata .list dd.last {
	border-bottom: none;
}
#center .updata .list dd a,
#center .updata .list dd span {
	color: #01a29e;
	font-weight: bold;
	text-decoration: none;
}
#center .updata .list dd a {
	text-decoration: underline;
}


/* 更新履歴エリア　スタッフブログ
===================================================*/

/* 最新記事 */
#center .updata .blog .list_first {
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px #999 dashed;
}
#center .updata .blog .list_first dt {
	width: 60px;
	float: left;
}
#center .updata .blog .list_first dd {
	margin-left: 65px;
}
#center .updata .blog .list_first .date {/*日付*/
	color: #6666666;
	font-weight: bold;
	font-size: 90%;
}
#center .updata .blog .list_first h3 a {/*タイトル*/
	color: #01a29e;
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
}
#center .updata .blog .list_first h3 a:hover {
	text-decoration: underline;
}
#center .updata .blog .list_first .staff {/*タイトル*/
	color: #999999;
	font-size: 95%;
	font-weight: bold;
}


/* PR
===================================================*/
#center .pr {
	width: 510px;
	margin-top: 20px;
	border-top: 1px #999 dashed;
}
#center .pr p {
	margin-top: 7px;
	margin-bottom: 7px;
	text-align: center;
	color:#999;
}
#center .pr ul {
	width: 510px;
}
#center .pr li {
	width: 160px;
	height: 50px;
	margin-bottom: 13px;
	float: left;
}
#center .pr li.item {
	margin-right: 15px;
}


/* Google Ad
===================================================*/
#center .google_ad {
	width: 510px;
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px #999 dashed;
	text-align: center;
}



/*--------------------------------------------------
           3: Main-side
---------------------------------------------------*/

/* 共通
===================================================*/
#side .present,
#side .banner,
#side .mobile {
	width: 220px;
	margin-bottom: 20px;
}


/* プレゼント
===================================================*/

#side .present h2 {
	width: 220px;
	height: 37px;
	margin: 0;
	padding: 0;
}
#side .present .pre_txt {
	width: 220px;
	background: url(../images/index/bg_present.gif) left center repeat-y #fff;
}
#side .present .pre_txt .thumb {
	width: 105px;
	height: 95px;
	float: left;
}
#side .present .pre_txt .thumb img {
	margin-left: 10px;
	margin-top: 5px;
}
#side .present .pre_txt h3 {
	margin-left: 125px;
	margin-right: 10px;
	padding-top: 5px;
	display: list-item;
	list-style-image: url(../images/common/icon_arrow03.gif);
	font-size: 95%;
	font-weight: bold;
}
#side .present .pre_txt .message {
	clear: both;
	margin: 10px;
	line-height: 1.4;
	font-size: 95%;
}
#side .present .pre_txt .btn {
	text-align: center;
	padding-bottom: 5px;
}


/* コンテンツバナー
===================================================*/

#side .banner ul {
	margin-bottom: 15px;
}
#side .banner li {
	margin-bottom: 12px;
	text-align: center;
	line-height: 1.3;
	font-size: 90%;
}
#side .banner li.line {
	border-bottom: 1px #999 dashed;
	padding-bottom: 12px;
} 
#side .banner a img {
	margin: 0px 0px -5px 0px;
	border-bottom: 3px solid #FFFFFF;
	border-top: 0px;
}

/* 200×40バナー */
#side .banner_200_40 {
	width: 220px;
	border-top: 1px #999 dashed;
	padding-top: 15px;
}
#side .banner_200_40 img {
	margin-left: 10px;
}



/*--------------------------------------------------
           4: Sub
---------------------------------------------------*/

/* 共通
===================================================*/
#sub .mailmg,
#sub .enq,
#sub .dr_4,
#sub .sub_banner,
#sub .banner_180_180 {
	width: 180px;
	margin-bottom: 20px;
	margin-left: 15px;
}

/* メルマガ
===================================================*/

#sub .mailmg  h2{
	width: 180px;
	height: 50px;
	margin: 0;
}
#sub .mailmg .message {
	padding: 5px 10px 10px;
	line-height: 1.4;
	font-size: 95%;
	background: url(../images/index/bg_mailmg.gif) left bottom no-repeat #cff4e8;
}
#sub .mailmg .btn_mail {
	width: 72px;
	height: 24px;
	margin: 10px auto 2px;
}
#sub .mailmg .btn_mail a {
	padding: 0;
}



/* アンケート
===================================================*/
#sub .enq  h2{
	width: 180px;
	height: 25px;
	margin: 0;
}
#sub .enq h3 {
	margin: 5px;
	font-size: 110%;
	color:  #01a29e;
	font-weight: bold;
	line-height: 1.4;
}
#sub .enq ul {
	margin: 5px;
	line-height: 1.7;
}
#sub .enq input.radio {
	vertical-align: middle;
}
#sub .enq  .submit {
	text-align: center;
}


/* ドラゲー
===================================================*/
#sub .dr_4  h2{
	width: 180px;
	height: 25px;
	margin: 0;
}
#sub .dr_4 p {
	margin: 5px 0;
}
#sub .dr_4 dl {
	width: 180px;
}
#sub .dr_4 dt {
	width: 60px;
	height: 60px;
	float: left;
}
#sub .dr_4 dd {
	margin-left: 65px;
}
#sub .dr_4 h3 {
	margin-bottom: 3px;
	font-size: 110%;
	color:  #01a29e;
	font-weight: bold;
	line-height: 1.4;
}
#sub .dr_4 p {
	margin-bottom: 5px;
	font-size: 95%;
	line-height: 1.4;
}
#sub .dr_4 .link {
	margin-left: 15px;
	display: list-item;
	list-style-image: url(../images/common/icon_arrow05.gif);
}


/*バナー
===================================================*/
#sub .banner_180_180 {
	border-top: 1px #ccc dashed;
	padding-top: 15px;
}

#sub .sub_banner {
	/*border-top: 1px #ccc dashed;*/
	/*padding-top: 15px;*/
}

#sub .sub_banner li {
	margin-left: 10px;
	margin-bottom: 10px;
}

/*お知らせ文
===================================================

#infomation{
border:solid 1px #cccccc;
}
*/