@charset "utf-8";

/* ________________________________________________________________________________________________________________________________________________________________common */

/* _______________________________________________________________________________________________________reset_set */

.detail_image img{
	width: 100%;
}

body,a,h1,h2,h3,h4,h5,h6,div,p,hr,blockquote,address,noscript,span {
	text-align  : left;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	margin:0;
	padding:0;
	color: #666666;
	font-size: 12px;
	line-height:150%;
	font-family:"ＭＳ Ｐゴシック", Verdana, Arial, Tahoma, Helvetica, Helv, sans-serif,"MS PGothic","MS UI Gothic";
}
img {
	border: none;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
}
ul, ol, dl, dt, dd, li {
	list-style: none;
	padding:0;
	margin:0;
}
a:link,a:visited{
	color:#0000DE;
	text-decoration: none;
}
a:hover{
	color:#cc0033;
	text-decoration:underline;
}
a img.trans,
input[type="image"],
input[type="submit"] {
	opacity:1;
	filter:alpha(opacity=100); 
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
a:hover img.trans,
input[type="image"]:hover,
input[type="submit"]:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	zoom:1;
	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
}
/* _______________________________________________________________________________________________________body */

body{
	margin: 0px;
	padding: 0px;
	background: #fff;
	text-align: center;
}
/* _______________________________________________________________________________________________________header */


#header_top {
	background:#666666;
	height:20px;
}
#header_top h1 {
	color:#FFFFFF;
	width:914px;
	margin:0 auto;
	text-align:left;
	padding:0 0 0 5px;
}
#header_top h1 a {
	color:#FFFFFF;
}
#header_bg {
	background:url(../img/header_bg.gif) repeat top left;
	height:195px;
}
#header_inner {
	width:914px;
	margin:0 auto;
	height:48px;
}
#header_inner02 {
	width:914px;
	margin:0 auto;
	height:147px;
}
#header_inner h2 {
	color:#DD2315;
	font-size:22px;
	padding:15px 0 0 198px;
	font-family:"メイリオ", "Times New Roman", Verdana, Arial;
	font-weight:bold;
	float:left;
	width:512px;
}
#header_inner h2 a {
	color:#DD2315;
	font-size:22px;
	font-family:"メイリオ", "Times New Roman", Verdana, Arial;
	font-weight:bold;
}
#header_inner h3 a {
	padding:33px 0 0 0;
	float:right;
	width:204px;
	text-align:right;
}
#header {
	background:url(../img/header.jpg) no-repeat;
	width:914px;
	height:130px;
	position:relative;
}
/* _________________________________________________________________bookmark */

#bookmark {
	position:absolute;
	top:32px;
	left:738px;
}
img.book {
	padding-right:2px;
}

/* _________________________________________________________________mobile */

#mobile {
	position:absolute;
	top:70px;
	left:82px;
	width:140px;
	height:42px;
	font-size:10px;
}
/* _________________________________________________________________search_box */

#search {
	position:absolute;
	top:62px;
	left:293px;
	width:470px;
	height:70px;
	font-size:12px;
	_line-height:100%;
}
#search span {
	color:#E32D20;
	font-size:18px;
	font-weight:bold;
	_line-height:100%;
}
.freeword {
	padding:0 0 0 0;
	float:left;
	_line-height:100%;
	_margin:-15px 0 0 0;
}
/* ___________________hack IE7 start*/

*+html body .freeword ,* html body .freeword  {
	margin:-20px 0 0 0;
}
/* ___________________hack IE7 end*/

.bt_search {
	padding:0;
	display:block;
	width:113px;
	height:22px;
	background:url(../img/bt_search.jpg) left top no-repeat;
	float:left;
	_margin:-14px 0 0 0;
	}
	.bt_search a {
		display: block;
		text-decoration: none;
		width:113px;
		height:22px;
		background:url(../img/bt_search.jpg) left top no-repeat;
	}
	.bt_search a span { font-size: 1%; visibility: hidden;}
	.bt_search a:hover { background: none;}

/* ___________________hack IE7 start*/

*+html body .bt_search ,* html body .bt_search {
	margin:-19px 0 0 0;
}
/* ___________________hack IE7 end*/

#search p {
	color:#FF0000;
	clear:both;
	_margin:-20px 0 0 0;
}
/* ___________________hack IE7 start*/

*+html body #search p ,* html body #search p {
	margin:-20px 0 0 0;
}
/* ___________________hack IE7 end*/

/* _______________________________________________________________________________________________________layout left middle right */

#layout{
	margin:9px auto 0;
	padding:0px;
	width:914px;
	height:auto;
	background:#fff;
	clear:both;
}
#left {
	width:194px;
	height:auto;
	float:left;
}
#middle {
	width:463px;
	height:auto;
	float:left;
	margin:0 0 0 7px;
}
#right {
	width:243px;
	height:auto;
	float:left;
	margin:0 0 0 7px;
}
#right .bnr_reco {
	width:243px;
	height:44px;
	margin:0 auto 7px;
}
#right #bnr_side_support {
	width:243px;
	height:270px;
	margin:0 auto 7px;
}
#reco {
	width:713px;
	height:auto;
	float:left;
	margin:0 0 0 7px;
}


/* _________________________________________________________________common */

.clear {
	clear: both;
	font-size:7px;
	line-height:100%
}
#pnavi {
	padding:0 0 5px 0;
}

#top p {
	padding:12px 0 0 38px;
	color:#DD2315;
	font-size:14px;
	font-weight:bold;
}
#top p span{
	color:#666666;
	font-size:14px;
	font-weight:bold;
}
.link {
	padding:10px 12px 0 0;
	text-align:right;
	clear:both;
	text-decoration:underline;
}
.paging {
	padding-top:10px;
	margin:0 12px 0 0;
	text-align:center;
}
.paging a {
	margin-left:20px;
	text-decoration:underline;
}
.bottom {
	clear:both;
}
/* ___________________hack IE7 start*/

*+html body .bottom ,* html body .bottom {
	margin:-2px 0 0 0;
}
/* ___________________hack IE7 end*/

.bt_new {
	margin:0 0 0 21px;
	padding:0 0 2px 0;
}
.bt_new02 {
	margin:0 0 5px 0;
}
/* ________________________________________________________________________________________________________________________________________________________________index */

/* _______________________________________________________________________________________________________left */

#left #top {
	width:194px;
	height:37px;
	background:url(../img/gray_194_top.jpg) no-repeat;
}
#left #bg {
	width:194px;
	height:auto;
	background:url(../img/gray_194_bg.gif) repeat-y;
}

/* _________________________________________________________________atama moji search  */

#left #head ul {
	margin:0 12px;
	clear:both;
	width:170px;
	padding:7px 0 0 0;
}
#left #head li {
	background:url(../img/mark_black.jpg) no-repeat 0 8px;
	text-indent:14px;
	padding:4px 0 0 0;
}

/* _________________________________________________________________alphabet search  */

#alphabet {
	padding:12px;
}
#alphabet a {
	font-size:16px;
	font-weight:bold;
}

/* _________________________________________________________________menu list  */

#left ul {
	padding:10px 0 0 7px;
}
#left ul li {
	color:#000000;
	background:url(../img/mark_title.gif) no-repeat 0 3px;
	text-indent:15px;	
}
#left ul li ul li {
	text-indent:7px;
	background:url(../img/menu_list.gif) no-repeat 0 6px;
}
#left ul li ul li a {
	color:#666666;
}

/* _________________________________________________________________mobile_display  */

#mobile_display {
	width:194px;
	height:37px;
	background:url(../img/gray_194_top.jpg) no-repeat;
}

#left #mobile_display {
	width:194px;
	height:37px;
	background:url(../img/mobile_top.jpg) no-repeat;
}
#left #mobile_display p {
	padding:15px 0 0 38px;
	color:#DD2315;
	font-size:14px;
	font-weight:bold;
}
#left #bg p {
	padding:12px;
}
#left #bg #qr,#left #bg #url {
	text-align:center;
}
/* _______________________________________________________________________________________________________middle */

#middle #top {
	width:463px;
	height:37px;
	background:url(../img/black_463_top.jpg) no-repeat;
}
#middle #bg {
	width:463px;
	height:auto;
	background:url(../img/black_463_bg.gif) repeat-y;
}

/* _________________________________________________________________middle worst ranking 439  */

#middle #bg p {
	color:#000000;
	padding:10px 12px 15px 12px;
	line-height:180%;
}
#middle #bg p.gray {
	width:410px;
	margin:0 auto;
	background:#F3F3F3;
}
#middle #worst01,
#middle #worst02,
#middle #worst03,
#middle #worst04,
#middle #worst05,
#middle #worst06,
#middle #worst07,
#middle #worst08,
#middle #worst09,
#middle #worst10 {
	margin:0 auto;
	height:22px;
	width:439px;
	text-indent:30px;
	padding:2px 0 0 0;
}
#worst01 a,
#worst02 a,
#worst03 a,
#worst04 a,
#worst05 a,
#worst06 a,
#worst07 a,
#worst08 a,
#worst09 a,
#worst10 a{
	font-size:14px;
	text-decoration:underline;
}
#worst01 {background:#F1F1F1 url(../img/worst01.png) no-repeat 2px 5px;}
#worst02 {background:#F1F1F1 url(../img/worst02.png) no-repeat 2px 5px;}
#worst03 {background:#F1F1F1 url(../img/worst03.png) no-repeat 2px 5px;}
#worst04 {background:#F1F1F1 url(../img/worst04.png) no-repeat 2px 5px;}
#worst05 {background:#F1F1F1 url(../img/worst05.png) no-repeat 2px 5px;}
#worst06 {background:#F1F1F1 url(../img/worst06.png) no-repeat 2px 5px;}
#worst07 {background:#F1F1F1 url(../img/worst07.png) no-repeat 2px 5px;}
#worst08 {background:#F1F1F1 url(../img/worst08.png) no-repeat 2px 5px;}
#worst09 {background:#F1F1F1 url(../img/worst09.png) no-repeat 2px 5px;}
#worst10 {background:#F1F1F1 url(../img/worst10.png) no-repeat 2px 5px;}

/* _________________________________________________________________middle new akutoku list 439  */

#middle .enum ul {
	margin:0 12px;
	clear:both;
	height:22px;
	width:439px;
}
#middle .enum ul.gray {
	background-color:#F1F1F1;
}
#middle .enum li {
	width:219px;
	float:left;
	background:url(../img/mark.jpg) no-repeat 3px 6px;
	text-indent:14px;
}
#middle .enum li a {
	font-size:10px;
}

/* _________________________________________________________________middle message  */

#message {
	border:solid 1px #666666;
	margin:7px 0 0 0;
}
#message h5 {
	font-size:24px;
	font-family:"メイリオ",Verdana, Arial;
	color:#000000;
	padding:12px 12px 0 12px;
	line-height:120%;
}
#message span {
	color:#E32D20;
	font-size:24px;
	font-family:"メイリオ",Verdana, Arial;
}
#message p {
	font-family:"メイリオ",Verdana, Arial;
	color:#669900;
	padding:12px;
	line-height:120%;
	font-size:14px
}

/* _______________________________________________________________________________________________________right */

#right #top {
	width:243px;
	height:37px;
	background:url(../img/red_243_top.jpg) no-repeat;
}
#right #bg {
	width:243px;
	height:auto;
	background:url(../img/red_243_bg.gif) repeat-y;
}

/* _________________________________________________________________right best ranking 243  */

#right #bg h4 {
	color:#006600;
	padding:14px 10px 0 10px;
}
#right #bg p {
	color:#000000;
	padding:5px 10px 0 10px;
}
#right .line {
	margin:10px auto 0;
	text-align:center;
	height:2px;
}
#right #rank01,
#right #rank02,
#right #rank03,
#right #rank04,
#right #rank05,
#right #rank06,
#right #rank07,
#right #rank08,
#right #rank09,
#right #rank10 {
	padding:10px 0 0 8px;
	text-indent:25px;
}
#right #rank01 a,
#right #rank02 a,
#right #rank03 a,
#right #rank04 a,
#right #rank05 a,
#right #rank06 a,
#right #rank07 a,
#right #rank08 a,
#right #rank09 a,
#right #rank10 a{
	font-size:14px;
	text-decoration:underline;
}

#right #rank01 {background:url(../img/rank01.png) no-repeat 8px 9px;}
#right #rank02 {background:url(../img/rank02.png) no-repeat 8px 9px;}
#right #rank03 {background:url(../img/rank03.png) no-repeat 8px 9px;}
#right #rank04 {background:url(../img/rank04.gif) no-repeat 10px 11px;}
#right #rank05 {background:url(../img/rank05.gif) no-repeat 10px 11px;}
#right #rank06 {background:url(../img/rank06.gif) no-repeat 10px 11px;}
#right #rank07 {background:url(../img/rank07.gif) no-repeat 10px 11px;}
#right #rank08 {background:url(../img/rank08.gif) no-repeat 10px 11px;}
#right #rank09 {background:url(../img/rank09.gif) no-repeat 10px 11px;}
#right #rank10 {background:url(../img/rank10.gif) no-repeat 10px 11px;}

#right #voto {
	padding:10px 0 0 175px;
}
/* _______________________________________________________________________________________________________footer */

#footer {
	height:60px;
	background:#DEDEDE;
	border:solid 2px #D0D0D0;
	clear:both;
	margin:20px 0 0 0;
}
#footer_inner {
	width:914px;
	margin:0 auto;
	position:relative;
}
#megane {
	position:absolute;
	top:17px;
	left:210px;
	width:27px;
	height:29px;
}
#footer_search {
	position:absolute;
	top:22px;
	left:250px;
	width:470px;
	height:22px;
}
/* ___________________hack IE7 start*/

*+html body #footer_search ,* html body #footer_search {
	top:42px;
}
/* ___________________hack IE7 end*/

#address {
	height:30px;
	background:#D0D0D0;
}
#address p {
	text-align:center;
	color:#000000;
	padding:7px 0 0 0;
}
/* ________________________________________________________________________________________________________________________________________________________________list */

/* _______________________________________________________________________________________________________right */

#right #top02 {
	width:243px;
	height:37px;
	background:url(../img/black_243_top.jpg) no-repeat;
}
#right #top02 p {
	padding:15px 0 0 38px;
	color:#DD2315;
	font-size:14px;
	font-weight:bold;
}
#right #bg02 {
	width:243px;
	height:auto;
	background:url(../img/black_243_bg.gif) repeat-y;
}
#right #bg02 p {
	padding:5px 10px 0 15px;
	height:24px;
}

/* _________________________________________________________________right worst ranking 243  */

#right #worst01,
#right #worst02,
#right #worst03,
#right #worst04,
#right #worst05,
#right #worst06,
#right #worst07,
#right #worst08,
#right #worst09,
#right #worst10 {
	margin:0 auto;
	height:22px;
	width:220px;
	text-indent:30px;
	padding:2px 0 0 0;
}

/* _________________________________________________________________right link 243  */

#right #link {
	padding:10px 12px 0 0;
	text-align:right;
	clear:both;
}
#right #link a {
	font-size:10px;
	text-decoration:underline;
}

/* _______________________________________________________________________________________________________middle */

/* _________________________________________________________________middle list 431  */

#middle .list {
	margin:0 auto 7px;
	width:431px;
	height:110px;
	border:solid 1px #666666;
}
#middle .list .listleft ul {
	padding:5px 0 0 10px;
	width:90px;
	float:left;
}
#middle .list .listleft li {
	color:#000000;
	margin:1px 0 0 0;
	padding:5px 0 0 5px;
}
#middle .list .listleft li.gray {
	background-color:#F1F1F1;
	height:20px;
}

#middle .list .listright ul {
	padding:5px 0 0 0;
	width:320px;
	float:left;
}
#middle .list .listright li {
	color:#000000;
	margin:1px 0 0 0;
	padding:5px 0 0 0;
}
#middle .list .listright li a {
	text-decoration:underline;
}
#middle .list .listright li span {
	color:#E32D20;
	font-weight:bold;
}
#middle .list .listright li.gray {
	background-color:#F1F1F1;
	height:20px;
}

/* _________________________________________________________________middle prev next 431  */

#next {
	margin:0 0 0 20px;
}
#next span {
	color:#E32D20;
	font-weight:bold;
}

#count{padding-top:0.5em 0;zoom:1;}
#count p{font-size:131%; text-align:center;}
#count p br{display:none;}
#count span,#count a{padding:0.25em 0.4em;margin:2px;border:1px solid #ddd;zoom:1;}
#count span{background:#eee;font-weight:bold;}
#count #countprev{position:relative;left:0.15em;zoom:1;}
#count #countnext a,#count #countprev a{margin-right:0;_padding-bottom:0.1em;text-decoration:none;_height:1.35em;}
*+html body #count #countnext a,*+html body #count #countprev a{padding-top:0.2em;}
#count #countnext a b,#count #countprev a b{border-bottom:1px solid;}
#count #countnext a span,#count #countprev a span{padding:0;margin:0;background-color:transparent;border:0 none;font-weight:normal;font-family:Tahoma;line-height:1;zoom:1;}
#count a:hover{border-color:#00d;background:#039;color:#fff;}
#count #countnext a:hover span,#count #countprev a:hover span{border-color:#039;background:#039;color:#fff;}

/* ________________________________________________________________________________________________________________________________________________________________detail */

/* _______________________________________________________________________________________________________left */

#detail_left {
	width:664px;
	height:auto;
	float:left;
}

#detail_left #top {
	width:664px;
	height:37px;
	background:url(../img/black_664_top.jpg) no-repeat;
}
#detail_left #bg {
	width:664px;
	height:auto;
	background:url(../img/black_664_bg.gif) repeat-y;
	float:left;
}

/* _________________________________________________________________left toukou 640  */

#detail_left .list {
	margin:0 auto;
	width:630px;
	height:137px;
	border:solid 1px #666666;
}
#detail_left .list .listleft ul {
	padding:5px 0 0 10px;
	width:90px;
	float:left;
}
#detail_left .list .listleft li {
	color:#000000;
	margin:1px 0 0 0;
	padding:5px 0 0 5px;
}
#detail_left .list .listleft li.gray {
	background-color:#F1F1F1;
	height:20px;
}

#detail_left .list .listright ul {
	padding:5px 0 0 0;
	width:520px;
	float:left;
}
#detail_left .list .listright li {
	color:#000000;
	margin:1px 0 0 0;
	padding:5px 0 0 0;
}
#detail_left .list .listright li a {
	text-decoration:underline;
	color:#E32D20;
	font-weight:bold;
}
#detail_left .list .listright li span {
	color:#E32D20;
	font-weight:bold;
}
#detail_left .list .listright li.gray {
	background-color:#F1F1F1;
	height:20px;
}

/* _________________________________________________________________left writing 640  */

.writing {
	margin:10px auto 10px;
	width:630px;
	height:auto;
	border:solid 1px #666666;
}
.writing p {
	padding:12px;
}

/* _________________________________________________________________left detail new toukou 640  */

#cont{
	padding:12px 12px 0 22px;
	font-size:14px;
	color:#000000;
}
#cont p {
	color:#E32D20;
	font-weight:bold;
	font-size:14px;
}
#cont a{
	font-weight:bold;
	font-size:18px;
	text-decoration:underline;
	color:#E32D20;
}

#cont span{
	padding:0 0 0 12px;
	background:url(../img/mark_black.jpg) no-repeat 0 3px;
	font-size:14px;
}
#tran {
	padding:10px 0 0 22px;
	float:left;
}
.link_right {
	padding:12px 0 0 22px;
	float:left;
}
.link_right a {
	text-decoration:underline;
}

/* _________________________________________________________________left 3retsu list 640  */

#detail_left .enum ul {
	margin:0 12px;
	clear:both;
	height:22px;
	width:640px;
}
#detail_left .enum ul.gray {
	background-color:#F1F1F1;
}
#detail_left .enum li {
	width:320px;
	float:left;
	background:url(../img/mark.jpg) no-repeat 3px 7px;
	text-indent:18px;
	padding:2px 0 0 0;
}

/* _________________________________________________________________left 3retsu menu 640  */


#detail_left #top02 {
	width:664px;
	height:37px;
	background:url(../img/gray_664_top.jpg) no-repeat;
}
#detail_left #top02 p {
	padding:15px 0 0 38px;
	color:#DD2315;
	font-size:14px;
	font-weight:bold;
}
#detail_left #bg02 {
	width:664px;
	height:auto;
	background:url(../img/gray_664_bg.gif) repeat-y;
}
#menu {
	padding:12px 0 0 12px;
}
#menu ul {
	clear:both;
}
#menu ul li ul li {
	float:left;
}
#menu ul li ul li a {
	color:#666666;
}
.pad10 {
	padding:0 0 10px 0;
	color:#000000;
	clear:both;
	font-weight:bold;
}
/* ___________________hack IE7 start*/

*+html body .pad10 ,* html body .pad10 {
	margin:0 0 15px 0;
}
/* ___________________hack IE7 end*/




/* _______________________________________________________________________________________________________left */

/* _________________________________________________________________left 2retsu worst ranking 640  */

#detail_left .enum02 ul {
	margin:0 12px;
	clear:both;
	height:22px;
	width:640px;
}
#detail_left .enum02 ul.gray {
	background-color:#F1F1F1;
}
#detail_left .enum02 li {
	width:320px;
	float:left;
	text-indent:30px;
	padding:2px 0 0 0;}
#detail_left .enum02 li a {
	font-size:14px;
}

.enum02 #worst01 {background:url(../img/worst01.png) no-repeat 2px 5px;}
.enum02 #worst02 {background:url(../img/worst02.png) no-repeat 2px 5px;}
.enum02 #worst03 {background:url(../img/worst03.png) no-repeat 2px 5px;}
.enum02 #worst04 {background:url(../img/worst04.png) no-repeat 2px 5px;}
.enum02 #worst05 {background:url(../img/worst05.png) no-repeat 2px 5px;}
.enum02 #worst06 {background:url(../img/worst06.png) no-repeat 2px 5px;}
.enum02 #worst07 {background:url(../img/worst07.png) no-repeat 2px 5px;}
.enum02 #worst08 {background:url(../img/worst08.png) no-repeat 2px 5px;}
.enum02 #worst09 {background:url(../img/worst09.png) no-repeat 2px 5px;}
.enum02 #worst10 {background:url(../img/worst10.png) no-repeat 2px 5px;}


/* ________________________________________________________________________________________________________________________________________________________________reco */

/* _______________________________________________________________________________________________________reco */

#reco #top {
	width:713px;
	height:37px;
	background:url(../img/reco_top.jpg) no-repeat;
}
#reco #bg {
	width:713px;
	height:auto;
	background:url(../img/reco_bg.jpg) repeat-y;
}
#reco .box {
	margin:0 auto 7px;
	width:681px;
	height:auto;
	border:solid 1px #CCCCCC;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:hidden;	
}
.rank_left {
	width:365px;
	float:left;
	padding:20px 0 20px 25px;
}
.rank_left p {
	line-height:180%;
	padding:10px 0 0 5px;
}
.rank_left p.url a{
	font-family:Verdana, Arial, Tahoma, Helvetica, Helv, sans-serif;
	font-size:14px;
	text-decoration:underline;
}
.rank_left h2 {
	text-indent:30px;
}
.rank_left h2 a {
	font-size:20px;
	font-family:"メイリオ", Verdana, Arial;
	color:#669900;
}
.rank_left #rank01 {background:url(../img/rank01.png) no-repeat 0px 5px;}
.rank_left #rank02 {background:url(../img/rank02.png) no-repeat 0px 5px;}
.rank_left #rank03 {background:url(../img/rank03.png) no-repeat 0px 5px;}
.rank_left #rank04 {background:url(../img/rank04.gif) no-repeat 3px 6px;}
.rank_left #rank05 {background:url(../img/rank05.gif) no-repeat 3px 6px;}
.rank_left #rank06 {background:url(../img/rank06.gif) no-repeat 3px 6px;}
.rank_left #rank07 {background:url(../img/rank07.gif) no-repeat 3px 6px;}
.rank_left #rank08 {background:url(../img/rank08.gif) no-repeat 3px 6px;}
.rank_left #rank09 {background:url(../img/rank09.gif) no-repeat 3px 6px;}
.rank_left #rank10 {background:url(../img/rank10.gif) no-repeat 3px 6px;}


.rank_right {
	width:240px;
	float:left;
	padding:20px 25px 20px 10px;
}
.rank_right img {
	border:solid 1px #CCCCCC;
	padding:4px;
	width:240px;
}
.rank_right a:hover img {
	border:solid 1px #FF6600;
	width:240px;
}
.line_dotted {
	background:url(../img/line_dotted.jpg) repeat-x;
	height:1px;
	margin:0 auto;
	width:630px;
	clear:both;
}
#MenuLinkButton{
	display: none;
}
@media screen and (max-width:980px) {
	#header_top h1{
		width: 100%;
	}
	#body-wrap{
		width: 100%;
		overflow: hidden;
	}
	.w955{
		width: 100% !important;
	}
	.w955 img{
		width: 100%;
		height: auto;
	}
	.w955 .bgWhite a img#btnSupport{
		width: 100% !important;
		height: auto !important;
	}
	#formWrap .formArea{
		padding: 10px !important;
	}
	#formWrap {
		width: 100% !important;
		box-sizing: border-box;
	}
	#formWrap .formArea table,#formWrap .formArea tbody,
	#formWrap .formArea thead,#formWrap .formArea th,
	#formWrap .formArea td,#formWrap .formArea tr{
		display: block;
		width: 100% !important;
		box-sizing: border-box;
	}
	#formWrap .formArea th{
		padding: 10px !important;
		height: auto !important;
	}
	#formWrap .formArea input[type="text"],
	#formWrap .formArea textarea{
		width: 80%;
	}
	
	#cont {
		box-sizing: border-box;
	}
	#cont input,
	#cont textarea{
		width: 100%;
	}
	#MenuLinkButton{
		cursor: pointer;
		position: fixed;
		bottom: 10px;
		right: 10px;
		display: block;
		width: 50px;
		background: #888;
		border-radius: 10px;
		padding: 16px 0;
		text-align: center;
		line-height: 20px;
		height: 20px;
		z-index: 1050;
	}
	#MenuLinkButton:focus,#MenuLinkButton:hover{
		background-color: #666;
	}
	#MenuLinkButton span{
		color: #fff;
		font-weight: bold;
	}
	#address{
		margin-top: 20px;
		width: 100%;
		clear: both;
		height: auto;
	}
	#footer_inner{
		width: 100%;
		position: static;
	}
	#megane {
		position: static;
		top: auto;
		left: auto;
	}
	#footer_search{
		position: static;
		top: auto;
		left: auto;
		width: 100%;
	}
	#footer_search .freeword{
		float: none;
	}
	#footer_search .bt_search a{
		margin-left: auto;
		margin-right: auto;
	}
	
	#detail_left{
		width: 100%;
		float: none;
	}
	#detail_left .bottom{
		border-top: 2px solid black;
		margin-bottom: 10px;
	}
	#detail_left .bottom img{
		display: none;
	}
	#detail_left #top,
	#detail_left #top02 {
		height: auto;
		width: 100%;
		box-sizing: border-box;
		background: #fff;
		border-top: 2px solid black;
		border-left: 2px solid black;
		border-right: 2px solid black;
		border-bottom: 2px solid gray;
	}
	#detail_left #top p,
	#detail_left #top02 p{
		padding: 10px;
	}
	#detail_left #bg,
	#detail_left #bg02{
		width: 100%;
		box-sizing: border-box;
		background: #fff;
		border-left: 2px solid black;
		border-right: 2px solid black;
	}
	#detail_left .enum,#detail_left .enum02{
		width: 100%;
		box-sizing: border-box;
	}
	#detail_left .enum ul,#detail_left .enum02 ul{
		box-sizing: border-box;
		margin: 0;
		width: 100%;
	}
	#detail_left .list{
		width: 100%;
		height: auto;
	}
	#detail_left .list .listleft ul,
	#detail_left .list .listright ul{
		float: none;
	}
	#detail_left .list .listleft ul{
		display: none;
	}
	#detail_left .list .listright{
	box-sizing: border-box;
	height: auto;
	margin-bottom: 20px;
	}
	#detail_left .list .listright ul{
		width: 100%;
		box-sizing: border-box;
	}
	#detail_left .list .listright ul li{
		box-sizing: border-box;
		padding: 3px 5px;
	}
	#detail_left .list .listright li.gray{
		height: auto;
	}
	
	.writing{
		width: 100%;
		box-sizing: border-box;
	}
	#left{
		background-color: #fff;
		display: none;
		position: fixed;
		float: none;
		top: 0;
		left: 0;
		z-index: 1030;
		width: 194px;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;
		box-sizing:content-box;
	}
	#middle{
		margin:0;
		width: 100%;
		height: auto;
		float: none;
	}
	#middle #bg{
		width: 100%;
		box-sizing: border-box;
		background: #fff;
		border-left: 2px solid black;
		border-right: 2px solid black;
	}
	#middle #worst01, #middle #worst02, #middle #worst03, #middle #worst04, #middle #worst05, #middle #worst06, #middle #worst07, #middle #worst08, #middle #worst09, #middle #worst10{
		width: 100%;
		box-sizing: border-box;
	}
	#middle .enum ul{
		width: 100%;
		margin: 0;
	}
	#middle .list{
		box-sizing: border-box;
		clear: both;
		height: auto;
	}
	#middle .list .listleft ul{
		width: 20%;
		box-sizing: border-box;
	}
	#middle .list .listright ul{
		width: 50%;
		box-sizing: border-box;
	}
	#next{
		clear: both;
	}
	
	#right{
		width: 100%;
		float: none;
		margin: 0;
	}
	#right #bnr_side_support{
		margin: 0 auto;
	}
	#right #top,
	#right #top02{
		width: 100%;
		background: #f8f8f8;
		border: red 4px solid;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		box-sizing: border-box;
		height: auto;
	}
	#right #bg,
	#right #bg02{
		width: 100%;
		box-sizing: border-box;
		background: #fff;
		border-left: 2px solid red;
		border-right: 2px solid red;
	}
	#right .bottom{
		border: red 2px solid;
		border-top: none;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding-top: 10px;
		margin-bottom: 10px;
	}
	#right .bottom img{
		display: none;
	}
	#right #worst01, #right #worst02, #right #worst03, #right #worst04, #right #worst05, #right #worst06, #right #worst07, #right #worst08, #right #worst09, #right #worst10{
		width: 100%;
	}
	
	#middle #top{
		height: auto;
		box-sizing: border-box;
		text-align: left;
		width: 100%;
		background: #f8f8f8;
		border-top-left-radius:20px;
		border-top-right-radius:20px; 
		border: 2px solid black;
	}
	#top p{
		text-align: left;
		padding: 10px;
	}
	#search{
		width: 400px;
		font-size: 12px;
	}
	#search span{
		font-size: 13px;
	}
	#layout{
		width: 100%;
	}
	#layout img{
		width: 100%;
		height: auto;
	}
	#search p{
		display: block;
		width: 100%;
		margin:0;
		line-height: 100%;
	}
	.bt_search{
		float: right;
	}
	.freeword{
		display: block;
		width: 100%;
	}
	.freeword input[type=text]{
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}
	#search{
		left: 293px
		width: 200px;
	}
	#header_inner {
		width: 100%;
	}
	#header_inner h2{
		padding: 0;
		text-align: center;
		width: 100%;
		display: block;
	}
	#header_inner h3 a{
		padding: 0;
		padding-right: 10px;
	}
	#header_inner02{
		width: 100%;
	}
	#header{
		width: 100%;
		background-size: cover;
		background-position: left center;
	}
	#bookmark{
		right: 10px;
		top: 32px;
		left: auto;
	}
}
@media screen and (max-width:720px) {
	#search{
		width: 300px;
		font-size: 10px;
	}
	#search span{
		font-size: 12px;
	}
}
@media screen and (max-width:600px) {
	#search p{
		margin-top: 10px;
	}
	.freeword{
		width: 100%;
	}
	.freeword input[type=text]{
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.bt_search{
		float: right;
	}
	#header {
		background-size: cover;
		background-position: right center;
	}
	#header_inner{
		height: 90px;
	}
	#header_bg {
		height: 300px;
	}
	#bookmark{
		display: block;
		text-align: right;
		position: static;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
	}
	#search{
		position: static;
		top: auto;;
		height: auto;
		left: auto;
		right: auto;
		width: 100%;
		background-color: rgba(255,255,255,.7);
		color: #000;
	}
	#mobile{
		top: auto;
		box-sizing: border-box;
		position: static;
		height: auto;
		text-align: center;
		width: 100%;
		left: auto;
		background-color: rgba(0,0,0,.7);
		color: #fff;
		padding: 10px;
	}
}