@charset "utf-8";

/*
 *
 *	Title: ガチけん- Common
 *	Last Modified: 2011-00-00
 *	Description: Common settings.
 *
 */

/* =========== INDEX LIST ============

   1: COMMON
   2: HEADER
   3: FOOTER
   4: LAYOUT
   5: MODULE
         
====================================== */



/* ===================================

	1: COMMON

====================================== */

body { width: 100%; background:#FFF; color:#000; position:relative; margin:0 auto;}

#wrapper { width: 896px; margin:0 auto; padding:0 2px 10px 2px; position:relative;}

img { line-height: 1; }

span { color: #ef0000;}

/* link */

a.red:link { color: #ef0000; text-decoration: none;}

a.red:visited { color: #ef0000; text-decoration: none;}

a.red:hover { color: #ef0000; text-decoration: underline;}

a.red_underline:link { color: #ef0000; text-decoration: underline;}

a.red_underline:visited { color: #ef0000; text-decoration: underline;}

a.red_underline:hover { color: #ef0000; text-decoration: underline; background-color:#FFEF80;}

a.black:link { color: #000; text-decoration: none;}

a.black:visited { color: #000; text-decoration: none;}

a.black:hover { color: #000; text-decoration: underline;}

a.black_underline:link { color: #000; text-decoration: underline;}

a.black_underline:visited { color: #000; text-decoration: underline;}

a.black_underline:hover { color: #000; text-decoration: underline; background-color:#FFEF80;}

/* ===================================

	2: HEADER

====================================== */

#header_out { width:896px; position:fixed; top:0; margin:0 auto; padding:0 auto; z-index:9999; text-align:center;}

*html #header_out { position:absolute; }

#header { width: 896px; height: 156px; background-color:#FFF; text-align:center;}

#header #top { width:896px; height: 76px;}

#header #top #logo {float:left;}

#header #top #info {float:right; text-align:right; line-height:21px; padding-top:8px; position:relative; width:300px;} 

*html #header #top #info {width:320px;} 

#info #date { padding-top:2px; line-height:100%; vertical-align:bottom; float:left;}


/* search */
#header #search { height:74px; background-image:url(//www.marumise.com/gachiken/common/search_bg.jpg); position:relative;}

#header #search #search_wrapper {width:540px; height:50px; position:absolute; top:10px; right:47px; }

*html #header #search #search_wrapper {width:550px; }

#header #search .searchfield {width:462px; border:#f0d600 2px solid; margin-bottom:8px; float:left; height:23px; font-size:14px; font-weight:bold; vertical-align:middle; line-height:20px; padding-left:5px;}

#header #search #radiobox {position:absolute; left:10px; top:36px;}

#header #search .radiobtn  {float:left; margin:2px 2px 5px 0; line-height:15px;}

#header #search .radioption  {float:left; font-size:14px; padding:0 20px 0 0; color:#FFF; line-height:150%;}

#header #search .searchbtn {float:left;}

#header #search .keywords { height:14px; padding:5px; color:#FFF; position:absolute; left:32px; top:42px;}

#header #search .keywords a { font-size:12px; color:#FFF; text-decoration:none; font-weight:normal;}

#header #search .keywords a:hover { color:#FFF; text-decoration:underline;}


/* メニュー部分 
------------------------------------------------------------------------------------- */

#nav_out {width:896px; position:fixed; top:156px; z-index:99999; margin:0; padding:0;}

*html #nav_out {position:absolute; }

#menu_waku {text-align:center; margin:0 auto; width:896px; height:25px;}

*#menu img	{border: 0; vertical-align: bottom;}

#menu, #menu ul { margin:0; padding:0;list-style-type:none;}

#menu { width:896px; position:relative;}

#menu li {float:left; position:relative;}


/*  メニュー横幅・*/
.menu01 {width:74px;}

.menu02 {width:76px;}

.menu03 {width:97px;}

.menu04 {width:59px;}

.menu05 {width:59px;}

.menu06 {width:59px;}

.menu07 {width:70px;}

.menu08 {width:108px;}

.menu09 {width:72px;}

.menu10 {width:74px;}

.menu11 {width:148px;}


/*  メニュー　sub */

.menu03_sub, .menu04_sub, .menu05_sub, .menu07_sub, .menu08_sub, .menu09_sub, .menu10_sub {
	margin:0px;
	display: none;
	position: absolute;
	top:25px;
	left:0px;
	background:#FFF;
	border: 1px solid #CCC;
	margin: 5px;
	text-align:left;
	z-index:999;
}

*html .menu11_sub{ display: none; position: absolute; top:25px; left:0px;}

.menu03_sub {width:590px; z-index:999;}

.menu03_sub .wakeru01 {float:left; border-right:1px dotted #999; width:145px;}

.menu03_sub .wakeru02 {float:left; width:145px;}

.menu04_sub {width:300px; z-index:999;}

.menu04_sub .wakeru01 {float:left; border-right:1px dotted #999; width:140px;}

.menu04_sub .wakeru02 {float:left; width:150px;}

.menu05_sub, .menu07_sub {width:100px; z-index:999;}

.menu08_sub {width:140px; z-index:999;}

.menu09_sub {width:170px; z-index:999;}

.menu10_sub {width:180px; z-index:999;}

.menu11_sub {width:0px;}

.menu03_sub li a, .menu04_sub li a, .menu05_sub li a, .menu07_sub li a, .menu08_sub li a, .menu09_sub li a, .menu10_sub li a {
	display: block;
	width:100px;
	color: #000;
	font-size: 12px;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;
	padding:5px 8px 5px 16px;
	background: url(//www.marumise.com/gachiken/common/red_arrow.gif) no-repeat 5px 7px;
}

.menu03_sub li {width:120px;}

.menu03_sub li a {width:120px;}

.menu04_sub li {width:100px;}

.menu04_sub li a {width:100px;}

.menu05_sub li a, .menu07_sub li a {width:100px;}

.menu08_sub li a {width:140px;}

.menu09_sub li a {width:170px;}

.menu10_sub li a {width:180px;}

.menu11_sub li {display:none;}

.menu03_sub li a:hover, .menu04_sub li a:hover, .menu05_sub li a:hover, .menu07_sub li a:hover, .menu08_sub li a:hover, .menu09_sub li a:hover, .menu10_sub li a:hover {
	color: #ef0000;
	text-decoration:underline;
}

.menu03_sub li.subtitle, .menu04_sub li.subtitle {margin:5px 0 5px 6px; padding-left:8px; background-color:#FFF25B; width:90px; }

*html .menu03_sub li.subtitle, *html .menu10_sub li.subtitle {margin:5px 0 5px 3px; padding-left:8px;}

/* ===================================

	3: FOOTER

====================================== */

#affifooter { height:26px; width: 896px; color:#FFF; background:url(//www.marumise.com/gachiken/common/footer.jpg) repeat-x; text-align:center; padding-top:3px; margin: 10px 0; clear:both;}

#footer {width: 896px; margin-bottom: 10px; padding:0; clear:both; text-align:center;}

#footer p { clear: both; color:#777777; margin: 5px 0;}

/* ===================================

	4: LAYOUT

====================================== */

#main {width:674px; float:left; margin:187px 10px 0 0; z-index:0; text-align:left;}

#right_col {width:208px; float:right; margin-top:187px; }

#right_col .header {width:194px; clear:both; margin-bottom:5px;}

/* ===================================

	5: MODULE

====================================== */

.L {
	float: left;
}
.R {
	float: right;
}

p.default {margin:10px; font-size:14px;}


/* ===================================

	6: レビュー右コラム

====================================== */

#review_wrapper {width:194px; }

#review_wrapper .header {padding:0; margin:0; }

ul.review_col {width:194px; height:auto; border-bottom:1px dotted #ababab; margin-top:5px; }

.review_col li.thumb { width:30px; height:30px; float:left; overflow:hidden;}

.review_col li.thumb a img { width:30px; height:30px; }

.review_col li.stars {height:15px; margin:15px 0 0 7px; float:left;}

.review_col li.stars img {margin:0; padding:0; float:left;}

.review_col li.category {height:auto; clear:both; margin:4px 0; padding-top:3px;}

.review_col li.category img {float:left; margin:2px 3px 2px 0;}

.review_col li.category img {/margin:0 3px 2px 0;}

.review_col li.comment {height:auto; clear:both; margin-bottom:7px;}

a.tsuzuki { color: #ef0000; text-decoration: underline; font-weight:bold;}

a.tsuzuki:hover { color: #ef0000; text-decoration: underline; background-color:#FFEF80;}

#review_wrapper p {padding:8px 0 0 0; margin:0;}