@charset "Shift_JIS";

/* ----------------------------------------------------------------------------- */

/* ---------------------------------------------- format */

h1, h2, h3, h4, h5, h6, br, dl, dt, dd, p, div, ul, li, img, form {
	margin:0; padding:0; 
}

ul {list-style-type:none; }

img {border:0px; }

a {text-decoration:none; }


/* ---------------------------------------------- layout */

div#wrapper {
	width:967px; 
	font-family: '���C���I', sans-serif;
	margin:0 auto; 
}
div#wrapper:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#leftnavi {
	width:179px; float:left;
}
div#maincontent {
	width:770px; float:right;
}


/* ---------------------------------------------- contents */

p#breadcrumbs {
	font-size:80%;
	padding:0 0 8px;
}

h1 {
	font-size:0; line-height:0; 
	padding:0 0 32px;
}

h2 {
	font-size:180%; line-height:120%; font-weight:normal; color:#F9C;
	padding:0 0 24px;
}

h3 {
	font-size:120%; line-height:120%; font-weight:bold;
	padding:0 0 24px;
}


/* Q&A */

div.qa_aection {
	width:770px; 
}
div.qa_aection:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}

div.q_block {
	width:682px;
	font-size:100%; line-height:160%;
	font-weight:bold; color:#333;
	padding:18px 16px 16px 72px;
	background-color:#F0F0F0;
	background-image:url(../img/q_icon.png);
	background-repeat:no-repeat;
	background-position:16px 50%; 
	border-bottom:2px solid #FF99CB;
}
div.a_block {
	width:682px;
	font-size:94%; line-height:160%;
	padding:18px 16px 16px 72px;
	display:table-cell;
	background-image:url(../img/a_icon.png);
	background-repeat:no-repeat;
	background-position:16px 16px; 
}
div.a_block p {
	padding:0 0 16px;
}
div.a_block p a.plink {
	display:block;
	padding:0 0 0 15px;
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:0 6px; 
}


/* TAG */

div.tag_section {
	padding:16px 0 40px;
	border-top:1px solid #DADADA;
}
div.tag_section dl {
	width:770px;
	font-size:76%; line-height:100%;
	padding:0 0 12px;
}
div.tag_section dl:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.tag_section dl dt {
	float:left;
	color:#888;
	padding:0 8px 0 0;
}
div.tag_section dl dd {
	float:left;
}
div.tag_section dl dd a {
	color:#666;
	text-decoration:underline;
	padding:0 16px 0 0;
}
div.tag_section dl dd a:hover {
	color:#AAA;
	text-decoration:none;
}
div.tag_section p {
	font-size:76%; line-height:140%; color:#999;
	margin-top:1px;
}


/* MAME HYOU */

div#mamebox {
	margin:0 0 40px;
	padding:20px 24px 20px 14px;
	border:4px solid #E1E1E1;
}
div#mamebox:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#mamebox div.l_text {
}
div#mamebox div.l_text div.m_lead {
	padding:0 0 12px 42px;
	background-image:url(../img/mame_icon.png);
	background-repeat:no-repeat;
	background-position:6px 0px; 
}
div#mamebox div.l_text div.m_lead h4 {
	font-size:90%; line-height:100%; font-weight:bold;
	padding:0 0 6px;
}
div#mamebox div.l_text div.m_lead p {
	font-size:80%; line-height:140%;
}
div#mamebox div.l_text ul.input {
	font-size:80%; line-height:100%;
	padding:0 0 16px 10px;
}
div#mamebox div.l_text ul.input:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#mamebox div.l_text ul.input li {
	float:left;
	padding:0 16px 0 0;
}
div#mamebox div.l_text ul.input li input {
	vertical-align:middle;
}

div#mamebox div.l_text div.text {
	width:538px;
	padding:0 0 0px 10px;
}
div#mamebox div.l_text div.text:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#mamebox div.l_text div.text textarea {
	width:466px; height:72px; float:left;
	border:1px solid #DADADA;
}
div#mamebox div.l_text div.text button {
	float:left;
	font-size:80%; color:#FFF; font-weight:bold;
	margin:47px 0 0 4px;
	padding:8px 12px;
	background-color:#0041C0;
	border:none;
}

div#mamebox div.l_text ul.link {
	width:538px;
	padding:0 0 0 10px;
}
div#mamebox div.l_text ul.link:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div#mamebox div.l_text ul.link li {
	float:left;
	padding:0 16px 0 0;
}
div#mamebox div.l_text ul.link li a {
	display:block;
	width:104px; float:left;
	font-size:80%; color:#FFF; font-weight:bold;
	padding:8px 32px 8px 12px;
	background-color:#0041C0;
	background-image:url(../img/arrow_w.png);
	background-repeat:no-repeat;
	background-position:134px 7px; 
}

div#mamebox div.r_text dl dt {
	padding:0 0 8px;
}
div#mamebox div.r_text dl dd {
	font-size:70%; line-height:160%;
}


/* CATEGORY CHILD */

div.c_category {
	margin:0 0 32px;
	padding:16px 30px 8px;
	background-color:#F0F0F0;
}
div.c_category ul {
	width:710px;
	font-size:76%; line-height:100%;
	padding:0 0 8px;
}
div.c_category ul:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.c_category ul li {
	float:right;
	color:#888;
	padding:0 0 8px 8px;
}
div.c_category ul li a {
	display:block;
	color:#666;
	text-decoration:underline;
	padding:0 0 0 8px;
	border-left:1px solid #999;
}
div.c_category ul li:last-child a {
	border-left:none;
}
div.c_category ul li a:hover {
	color:#AAA;
	text-decoration:none;
}


/* SEARCH TEXT */

div.searchtext {
	margin:0 0 32px;
	padding:16px 30px 8px;
	background-color:#F0F0F0;
}
div.searchtext dl {
	width:770px;
	font-size:76%; line-height:100%;
	padding:0 0 8px;
}
div.searchtext dl:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.searchtext dl dt {
	float:left;
	color:#888;
	padding:0 8px 0 0;
}
div.searchtext dl dd {
	float:left;
}
div.searchtext dl dd a {
	color:#666;
	text-decoration:underline;
	padding:0 16px 0 0;
}
div.searchtext dl dd a:hover {
	color:#AAA;
	text-decoration:none;
}


/* SEARCH RESULT */

div.searchresult ul {
	font-size:96%; line-height:140%;
}
div.searchresult ul li {
	padding:0 0 8px;
}

div.searchresult ul li a {
	display:block;
	padding:0 0 0 15px;
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:0 5px; 
}


/* SEARCH PAGER */

div.searchpager {
	margin:24px 0 48px;
	padding:16px 0 0;
	border-top:1px solid #DADADA;
}
div.searchpager ul {
	font-size:86%; line-height:100%;
	text-align:center;
}
div.searchpager ul li {
	display:inline-block;
	text-align:center;
	padding:0 8px;
}


/* BANNER */

p.banner {
	margin:0 auto;
	padding:0 0 24px;
	text-align:center;
}

div.banner {
	margin:0 auto;
	padding:0 0 24px;
	text-align:center;
}
div.banner p {
	font-size:76%; line-height:100%;
	text-align:left;
	padding:8px 0 0;
}
div.banner p a {
	padding:0 0 0 15px;
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:0 5px; 
}


/* left navi */

div.l_search {
	background-color:#E1E1E1;
	margin:0 0 32px;
}

div.l_search dl {
	padding:8px 6px 2px;
}
div.l_search dl dt {
	font-size:70%; line-height:140%; font-weight:bold;
	padding:0 4px 4px;
}
div.l_search dl dd select {
	width:167px;
	padding:4px;
	border:none;
}
div.l_search dl dd input {
	width:159px;
	padding:5px 4px;
	border:none;
	background-image:url(../img/search.gif);
	background-repeat:no-repeat;
	background-position:8px 4px; 
}
div.l_search p {
	width:80px;
	margin:0 auto;
	padding:8px 0 10px;
}
div.l_search p button {
	width:80px;
	color:#FFF;
	padding:8px 0;
	border:none;
	text-align:center;
	background-color:#666;
}
div.l_search p input {
	width:80px;
	color:#FFF;
	padding:8px 0;
	border:none;
	text-align:center;
	background-color:#666;
}


/* l_navi */

div.l_navi {
}

div.l_navi p.l_title {
	font-size:96%; line-height:140%; font-weight:bold;
	padding:0 0 4px;
}

div.l_navi ul {
	border-bottom:1px solid #DADADA;
}
div.l_navi ul li {
	border-top:1px solid #DADADA;
}
div.l_navi ul li span {
	display:block;
	font-size:76%; line-height:140%;
	padding:8px 20px 6px 6px;
}


div.l_navi ul li a {
	display:block;
	font-size:76%; line-height:140%;
	padding:8px 6px 6px;
	background-image:url(../img/l_arrow_off.png);
	background-repeat:no-repeat;
	background-position:167px 7px; 
}
div.l_navi ul.l_n_parent li a:hover,
div.l_navi ul.l_n_parent li.stay a {
	background-image:url(../img/l_arrow_on.png);
}
div.l_navi ul li a:hover,
div.l_navi ul li.stay a {
	color:#FFF;
	background-color:#0041C0;
}


div.l_navi ul.l_n_child {
	border-bottom:none;
}
div.l_navi ul.l_n_child li {
	padding:0;
	border-bottom:none;
}
div.l_navi ul.l_n_child li a {
	display:block;
	font-size:70%; line-height:140%;
	padding:6px 8px 6px 20px;
	background-image:url(../img/l_arrow_s_off.png);
	background-repeat:no-repeat;
	background-position:165px 8px; 
}
div.l_navi ul.l_n_child li a:hover,
div.l_navi ul.l_n_child li.stay a {
	background-image:url(../img/l_arrow_s_on.png);
}


div.l_navi ul li .child {
//    display: none;
}
div.l_navi ul li span.menu {
//	cursor: pointer;
	background-repeat:no-repeat;
	background-position:95% 50%; 
//	background-image:url(../img/navi_plus.png);
}
div.l_navi ul li span.active {
	background-image:url(../img/navi_minus.png);
}


div#leftnavi div.contact {
	padding:24px 0 0;
}
div#leftnavi div.contact p span {
	display:block;
	font-size:76%; line-height:140%;
	padding:4px 0;
}




/* TOP PAGE LAYOUT */

p.lead {
	font-size:90%; line-height:140%;
	padding:0 0 0 13px;
	margin:0;
}
div.topblock {
	margin-top:24px;
	border:1px solid #DADADA;
}
div.topblock h2 {
	font-size:130%; line-height:120%;
	font-weight:bold;
	color:#333;
	padding:11px 13px;
	background-color:#F0F0F0;
}
div.topblock ul {
	font-size:90%; line-height:120%;
	padding:13px 13px 0px;
}
div.topblock ul li {
	padding:0 0 12px;
}
div.topblock ul li a {
	padding:0 0 0 1.7em;
	background-image:url(../img/top_q.jpg);
	background-repeat:no-repeat;
	background-position:0 3px; 
}


div.topblock ul.ranking {
	padding:18px 13px 0px;
}
div.topblock ul.ranking li {
	padding:0 0 8px;
}
div.topblock ul.ranking li a {
	display:block;
	background-repeat:no-repeat;
}

div.topblock ul.ranking li.rk01 a,
div.topblock ul.ranking li.rk02 a,
div.topblock ul.ranking li.rk03 a {
	font-size:110%; line-height:120%;
	padding:10px 0 10px 3.5em;
	background-position:0 0px; 
}
div.topblock ul.ranking li.rk01 a {
	background-image:url(../img/rank_01.jpg);
}
div.topblock ul.ranking li.rk02 a {
	background-image:url(../img/rank_02.jpg);
}
div.topblock ul.ranking li.rk03 a {
	background-image:url(../img/rank_03.jpg);
}

div.topblock ul.ranking li.rk04 a,
div.topblock ul.ranking li.rk05 a,
div.topblock ul.ranking li.rk06 a,
div.topblock ul.ranking li.rk07 a,
div.topblock ul.ranking li.rk08 a,
div.topblock ul.ranking li.rk09 a,
div.topblock ul.ranking li.rk10 a {
	font-size:90%; line-height:120%;
	padding:4px 0 4px 4.3em;
	background-position:0px 2px; 
}
div.topblock ul.ranking li.rk04 a {
	background-image:url(../img/rank_04.jpg);
}
div.topblock ul.ranking li.rk05 a {
	background-image:url(../img/rank_05.jpg);
}
div.topblock ul.ranking li.rk06 a {
	background-image:url(../img/rank_06.jpg);
}
div.topblock ul.ranking li.rk07 a {
	background-image:url(../img/rank_07.jpg);
}
div.topblock ul.ranking li.rk08 a {
	background-image:url(../img/rank_08.jpg);
}
div.topblock ul.ranking li.rk09 a {
	background-image:url(../img/rank_09.jpg);
}
div.topblock ul.ranking li.rk10 a {
	background-image:url(../img/rank_10.jpg);
}











div.topsection {
	margin:0 auto;
	padding:0 0 24px;	
}