@charset "UTF-8";
/* CSS Document */


/* --------------もくじ--------------------------------- */

/* ①全体定義（枠・ぱんくず） */
/* ②ヘッダーフッター背景 */
/* ③ページトップへリンク 仕切り線*/
/* ④２カラム枠 */
/* ⑤コンテンツ枠 */
/* ⑥AD */


/* \*/
* html div, * html p{
 height:1%;
 }
/* */


/* ////////////////////////////////①全体定義（枠・ぱんくず）//////////////////////////////// */


/* ---------------------------------------------------------
全体の定義
--------------------------------------------------------- */
body {
	color:#423113;
	line-height:1.2em;
	font-family:"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	color: #333333;
	margin:0;
	padding:0;
	background:#FFFFFF url(/images/common/bg.gif) center top repeat-x;
}

* html body{
/* for WInIE6 */
	font-size:75%;
	font-family:Verdana, "ＭＳ Ｐゴシック",sans-serif;
	line-height:1.5em;
 }

*;first-child+html body{
/* for WInIE7 */
	font-size:75%;
	font-family:"メイリオ",Meiryo,sans-serif;
	line-height:1.5em;
 }

img {
	border-style: none;
}

/* a:link { color:#cc0000; text-decoration: underline }
a:visited { color: #ff6600; text-decoration: underline } */



.clear_all { clear:both; margin:3px 0;}
.bold { font-weight:bold; }
.shift-left { float:left;}
.shift-right { float:right;}
.left { text-align:left;}
.right { text-align:right;}
.center { text-align:center;}

.font10 { font-size:11px; font-weight:normal;}

/* --safari4-- */	
body:first-of-type span.font10{
	font-size:9px;
	}
	
.font12 { font-size:12px;}
.font14 { font-size:14px;}

.purple{ color:#990099;}
.blue{ color:#6666cc;}


/* ---------------------------------------------------------
各枠
--------------------------------------------------------- */

#wrapper {
	float:none;
	height:auto;
	width:1024px;
	margin: 0px auto;
	padding:0;
	background:#FFFFFF url(/images/common/header_bg.jpg) top center no-repeat;
}

/* コンテンツ枠*/
.contents {
	height:auto;
	width:985px;
	margin:0;
	padding:5px 0 0 0;
}


/* 左ナビ枠*/
.navi {
	float:left;
	height:auto;
	width:253px;
	margin:0 10px 5px 55px;
	padding:0;
	position:absolute;
}

*html body div.navi {/*IE6用*/
	margin:-20px 10px 5px 55px;
}	



/* 3カラム*/
.main {
	float:right;
	height:auto;
	width: 633px;
	margin:10px 23px 0 0;
	padding:0;
	background:#FFFFFF url(/images/common/main_bg.gif) top center repeat-y;
}
	
*html body div.main {/*IE6用*/
	margin:-5px 13px 0 0;
}


	
/* ---------------------------------------------------------
パンくず
--------------------------------------------------------- */
.pankuzu {
	width: 100%;
	font-size: 12px;
	margin: 0 0px 5px 0px;
	padding:0;
	text-align: left;
	background: #dddddd;
	line-height: 20px;
	height: 20px;
}




/* ////////////////②ヘッダーフッター背景//////////////////////////////// */


/* ---------------------------------------------------------
Global Header
--------------------------------------------------------- */
#g_header {
	width: 100%;
	height: 28px;
	margin: 0;
	padding:0;
	background:#FFFFFF url(/com_img/global/header_bg.gif) repeat-x;
	border-bottom:3px solid #FF0000;
	clear:both;	
	}
	
#g_header a:link {color:#666666; font-weight:bold; font-size:12px;}
#g_header a:visited { color: #999999; text-decoration: underline }
#g_header a:active {color:#CCCCCC; font-weight:bold; font-size:12px;}
#g_header a:hover {color:#CCCCCC; font-weight:bold; font-size:12px;}

.g_header_left {
	float:left;
	margin:0;
	padding:0;
	width:215px;
}

.g_header_left img {
	width:215px;
}

.g_header_right {
	float:right;
	margin:0;
	padding:0;
	width:auto;
	height: 17px;
	text-align:right;
}

.g_menus {
	width:auto;
	height: 22px;
	margin:5px 5px 0 5px;
}

.g_menus ul {
	display:block;
	margin:0px;
	padding:0px;
	height:17px;
}

.g_menus ul li {
	padding:0px 0px 5px 2px;
	margin:0;
	display:inline;
	list-style:none;
	line-height:17px;
	font-size:12px;
	font-weight:bold;
}


/* ---------------------------------------------------------
GOOD LUCK内ヘッダー
--------------------------------------------------------- */
#header {
	width:1010px;
	height:125px;
	margin:0;
	padding:0;
	background:url(/com_img/h_f/header_bg.jpg) no-repeat;
	/*position:relative;*/
	clear:both;
}

#header .header_l {
	float:left;
	width:220px;
	height:125px;
	margin:0;
	padding:0;
	border:0;
}

#header .header_u {
	float:right;
	width:530px;
	height:125px;
	margin:0;
	padding:0;
}

#header .header_u h1 {
	color: #333333;
	font-weight:bold;
	font-size:14px;
	margin:2px 0 0 0;
	padding:0;
	line-height:140%;
	height:45px;
	width:530px;
}

#header .header_u p.tx a:link { color:#ff6600; text-decoration: underline }
#header .header_u p.tx a:active { color:#ff6600; text-decoration: none;}
#header .header_u p.tx a:visited { color: #ff6600; text-decoration: underline }
#header .header_u p.tx a:hover { color:#ff6600; text-decoration: none;}


#header div.header_b {
	float:right;
	width:530px;
	height:55px;
	margin:0;
	padding:5px 0 0 0;
}

#header p{
	margin:0;
	padding:0;
	float:left;
}

p.b_gaiyo {background:url(/images/common/b_gaiyo.gif) no-repeat;}
p.b_gaiyo:link {background:url(/images/common/b_gaiyo.gif) no-repeat;}
p.b_gaiyo:visited {background:url(/images/common/b_gaiyo.gif) no-repeat;}
p.b_gaiyo:active {background:url(/images/common/b_gaiyo_on.gif) no-repeat;}
p.b_gaiyo:hover {background:url(/images/common/b_gaiyo_on.gif) no-repeat;}

p.b_info {background:url(/images/common/b_info.gif) no-repeat;}
p.b_info:link {background:url(/images/common/b_info.gif) no-repeat;}
p.b_info:visited {background:url(/images/common/b_info.gif) no-repeat;}
p.b_info:active {background:url(/images/common/b_info_on.gif) no-repeat;}
p.b_info:hover {background:url(/images/common/b_info_on.gif) no-repeat;}

p.b_mail {background:url(/images/common/b_mail.gif) no-repeat;}
p.b_mail:link {background:url(/images/common/b_mail.gif) no-repeat;}
p.b_mail:visited {background:url(/images/common/b_mail.gif) no-repeat;}
p.b_mail:active {background:url(/images/common/b_mail_on.gif) no-repeat;}
p.b_mail:hover {background:url(/images/common/b_mail_on.gif) no-repeat;}


/* ---------------------------------------------------------
左ナビ
--------------------------------------------------------- */
.dl_navi{
	float:left;
	height:130px;
	width:251px;
	margin:0 0 20px 0;
	padding:229px 0 0 0;
	text-align:center;
	clear:both;
	background:url(/images/common/lastest.gif) no-repeat;
	}



/* ---------------------------------------------------------
Footer
--------------------------------------------------------- */
#footer {
	width: 100%;
	height: 33px;
	margin: 0px;
	padding: 10px 0 0 0;
	font-size:12px;
	display:block;
	clear:both;
	text-align:center;
	}
	


/* ---------------------------------------------------------
ボタン
--------------------------------------------------------- */
.bu{
	width:397px;
	height:53px;
	line-height:53px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:url(/images/gaiyo_bg.jpg) no-repeat left;
	}


.bu a:link { color:#000000; text-decoration: underline }
.bu a:active { color:#ff6600; text-decoration: none;}
.bu a:visited { color: #ff6600; text-decoration: underline }
.bu a:hover { color:#ff6600; text-decoration: none;}


/* /////////////　④H2　H3　//////////////////////////////////////// */


h2.title {
	font-size:16px;
	width:570px;
	height: 52px;
	line-height:52px;
	margin:0 0 5px;
	padding:0 0 0 60px;
	color:#FFFFFF;
	font-weight:bold;
	background:url(/images/h2_bg.gif) no-repeat;
	}
	
h3 {
	font-size:14px;
	width:97%;
	height: 20px;
	line-height:20px;
	margin:0 0 0 5px;
	padding:0 0 0 10px;
	color:#FFFFFF;
	font-weight:bold;
	background:#cc0099;
	}
	
h4 {
	font-size:14px;
	width:98%;
	height: 20px;
	line-height:20px;
	margin:0 0 5px 0;
	padding:0 0 0 10px;
	color:#FFFFFF;
	font-weight:bold;
	background:#6666cc;
	}
	

	
	
/* /////////////⑤枠//////////////////////////////////////// */

/* 620px枠　*/
.box620{
	width:620px;
	height:auto;
	margin:5px auto;
	padding:0;
	line-height:140%;
	}
	
/* 620px枠　イエロー*/
.box620_y{
	width:590px;
	height:auto;
	margin:5px auto;
	padding:10px;
	border:#CCCCCC 1px solid;
	line-height:140%;
	/*background:#FFFFCC;*/
	background:#fcfde7;
	}
	
/* 620px枠　枠付き*/
.box620_line{
	width:590px;
	height:auto;
	margin:5px auto 10px auto;
	padding:10px;
	border:#CCCCCC 1px solid;
	line-height:140%;
	}
	
	
/* 210px枠　*/
.box210{
	width:195px;
	height:auto;
	margin:5px 0 0 5px;
	padding:0;
	line-height:140%;
	text-align:center;
	float:left;
	}

*html body div.box210 {/*IE6用*/
	margin:5px 0 0 5px;
}	


/* 200px枠　*/
.box200{
	width:200px;
	height:auto;
	margin:5px 0 0 10px;
	padding:0;
	line-height:140%;
	float:left;
	}
	
.box200 img{
	border:#CCCCCC solid 1px;
	}
		
/* 310px枠　*/
.box310{
	width:310px;
	height:auto;
	margin:5px 0 0 10px;
	padding:0;
	line-height:140%;
	float:left;
	}
	
.box310 img{
	border:#CCCCCC solid 1px;
	}

/* テーブル枠　*/
table.gaiyo_list{
	width:620px;
	height:auto;
	margin:5px;
	padding:0;
	line-height:140%;
	font-size:12px;
	border:0;
	text-align:left;
	}
	
table.gaiyo_list th{
	width:100px;
	height:auto;
	color:#990099;
	padding:3px 10px 3px 5px;
	font-weight:bold;
	}




/* /////////////⑤トップページ//////////////////////////////////////// */
/* ---------------------------------------------------------
What's New
--------------------------------------------------------- */
	
li.new{
	list-style:none;
	background:url(/images/i_new.gif) no-repeat left;
	padding:2px 0 0 60px;
	margin:0;
	font-size:12px;
	font-weight:bold;
	}

li.new_no{
	list-style:none;
	padding:2px 0 0 60px;
	margin:0;
	font-size:12px;
	font-weight:bold;
	}

		
	
/* /////////////④ページトップへリンク・ドット仕切り線//////////////////////////////////////// */

/* ---------------------------------------------------------
ページトップへリンク
--------------------------------------------------------- */
.gotop_m {
	font-size: 12px;
	text-align:right;
	width: 460px;
	margin:10px 5px 0 0;
	font-weight:bold;
}

.gotop_m a:link { color:#cc0000; text-decoration: underline }
.gotop_m a:visited { color: #ff6600; text-decoration: underline }
.gotop_m a:active { color:#FFFFFF; text-decoration: none ; background-color:#cc0000; }
.gotop_m a:hover { color:#FFFFFF; text-decoration: none ; background-color:#cc0000;}

.gotop_l {
	font-size: 12px;
	text-align:right;
	width: 777px;
	margin:10px 5px 0 0;
	font-weight:bold;
}

.gotop_l a:link { color:#cc0000; text-decoration: underline }
.gotop_l a:visited { color: #ff6600; text-decoration: underline }
.gotop_l a:active { color:#FFFFFF; text-decoration: none ; background-color:#cc0000; }
.gotop_l a:hover { color:#FFFFFF; text-decoration: none ; background-color:#cc0000;}

/* ---------------------------------------------------------
次のページリンク
--------------------------------------------------------- */	
.link_page {
	width:460px;
	height:auto;
	margin:0 0 5px 5px;
	padding:0;
	font-size:12px;
	line-height:130%;
}

.link_page p.left{
	float:left;
}

.link_page p.right{
	float:right;
}

.link_page p.center{
	text-align:center;
}


.link_page a:link { color:#cc0000; text-decoration: underline }
.link_page a:visited { color: #ff6600; text-decoration: underline }
.link_page a:active { color:#FFFFFF; text-decoration: none ; background-color:#cc0000; }
.link_page a:hover { color:#FFFFFF; text-decoration: none ; background-color:#cc0000;}


/* ---------------------------------------------------------
下線ドット
--------------------------------------------------------- */
p.line{
	width:auto;
	height:auto;
	border-bottom:1px #999999 dotted;
	margin:2px 0;
	padding:0 5px;
	clear:both;
	}
	


/* /////////////⑥バナー//////////////////////////////////////// */

.left_ad{
	width:240px;
	height:auto;
	margin:0;
	padding:0;
	font-size:11px;
	}
	
.left_ad img{
	margin:0 0 10px 5px;
	font-size:11px;
	}
	

/* /////////////7　最新号ページ//////////////////////////////////////// */

p.sub{
	width:580px;
	height:auto;
	font-size:12px;
	line-height:135%;
	margin:0 auto 15px auto;
	padding:0;
	clear:both;
	}

table.latest_bg{
	width:611px;
	height:116px;
	background:url(/images/latest_bg.jpg) no-repeat;
	margin:0 auto 10px auto;
	padding:0;
	border-collapse:collapse;
	border:0;
	}
	
table.latest_bg td.book{
	width:79px;
	height:116px;
	}
	
table.latest_bg td.book img{
	margin:0 2px 15px 2px;
	padding:0;
	border:#999999 solid 1px;
	}
	
table.latest_bg td.area{
	height:32px;
	line-height:32px;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 20px;
	}
	
table.latest_bg td.info{
	height:35px;
	font-size:14px;
	padding:0;
	line-height:35px
	}
	
table.latest_bg td.info img{
	margin:0 10px -5px 10px;
	}