@charset "UTF-8";
/*###############################################
reset
###############################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
        display: block;
}
body {
        line-height: 1;
}
ol, ul {
        list-style: none;
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: '';
        content: none;
}
table {
        border-collapse: collapse;
        border-spacing: 0;
}
/*###############################################
common
###############################################*/
label {
	cursor:pointer;
}
a {
	color: #40399a;
	text-decoration:underline;
}
a:hover {
	color:#615baf;
}
a:visited {
	color:#8079E0;
}
.clear {
	clear:both;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
img.fl {
	margin:0 15px 15px 0;
}
.mgt5 { margin-top:5px; }
.mgt10 { margin-top:10px; }
.mgt15 { margin-top:15px; }
.mgt20 { margin-top:20px; }
.mgt30 { margin-top:30px; }
.mgt40 { margin-top:40px; }
.mgt50 { margin-top:50px; }
.mgb5 { margin-bottom:10px; }
.mgb10 { margin-bottom:10px; }
.mgb20 { margin-bottom:20px; }
.mgb30 { margin-bottom:30px; }
.mgb40 { margin-bottom:40px; }
.mgb50 { margin-bottom:50px; }


.pd5 {padding:5px;}
.pd8 {padding:8px;}
.pd10 {padding:10px;}
.pd12 {padding:12px;}
.pd15 {padding:15px;}
.pd20 {padding:20px;}
.pd25 {padding:25px;}
.pd30 {padding:30px;}

.r3 {border-radius:3px;}
.r4 {border-radius:4px;}
.r5 {border-radius:5px;}
.r6 {border-radius:6px;}
.r10 {border-radius:10px;}

p strong {
	font-weight:bold;
}
.tx_small {
	font-size:10px;
}
/*###############################################
structure
###############################################*/
body {
    color:#333333;
    font-size:14px;
    line-height:1.3;
    text-align:center;
    font-family:"Meiryo","Hiragino Kaku Gothic Pro","MS PGothic",verdana,Osaka,Sans-Serif;
    background: url(../img/bg_head.jpg) repeat-x 0 94px;
}

#container {
    width:1000px;
    margin:0 auto;
    text-align:left;
    position:relative;
}
#main {
}
#content {
    width:690px;
    float:left;
}
#side {
    width:300px;
    float:right;
}
#logo {
    width:139px;
    position:absolute;
    top:32px;
}
#bnr_head {
    position: absolute;
    top: 50px;
    right:0;
}
/*###############################################
header
###############################################*/
#pagehead {
    min-height:175px;
    width:100%;
    position: relative;
	margin-bottom:10px;
}
/*overhead*/
#overhead {
	padding-top:12px;

}
#overhead h1 {
    font-size:12px;
	color:#777777;
}
#overhead p {
    font-size:10px;
}
#overhead p.toppage {
	width:630px;
	font-size:10px;
	color:#352c97;
	position:absolute;
	top:40px;
	left:360px;
	z-index:100;
}
#headding_pl {
	position:absolute;
	width:150px;
	top:12px;
	left:0;

}
#pg_top #headding_pl {
	top:35px;
	left:205px;
}
#headding_pl a {
	text-decoration:none;
	color:#777777;
	font-size:12px;
}
#headding_pl a:hover {
	text-decoration:underline;
}
/*mainbar*/
#mainber {
}

/*###############################################
mainmenu
###############################################*/
#mainmenu {
    position:absolute;
    top:94px;
    width:1000px;
    z-index:50;
}
#mainmenu li {
    float:left;
}
#mainmenu li a {

 }

/*sgnv*/
#sgnv {
	position: absolute;
	top: 143px;
	right: 0;
	z-index:120;
}
#sgnv li {

	float: left;
	margin-left:4px;
	text-align:center;
}
#sgnv li a {
	display:block;
	width:120px;
	padding:4px 0 2px;
	background-color:#E15B97;
	border:1px solid #E15B97;
	border-radius:4px;

	color:#FFF;
	text-decoration:none;
}
#sgnv li a:hover {
	color:#FFF;
	background-color:#DB4184;
	border:1px solid #DB4184;
}
/*###############################################
footer
###############################################*/
#pagefoot {
	width:100%;
	margin-top:60px;
        background:url(../img/bg_foot.jpg) repeat-x 0 0;
        border-top:1px solid #bcd7ea;
}
#pagefoot .inr {
        padding:25px 0 0;
	width:1000px;
	margin:0 auto;
	position:relative;
}
#copy {
        font-size: 9px;
	padding:15px 0 10px;
}
#pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 40px;
        z-index: 100;
}
#pagetop a {
	display: block;
	width:37px;
	width:37px;
}

/*fnv*/
.fnv {
    margin-bottom:15px;
}
.fnv a {
    color:#3c438c;
    text-decoration: none;
}
.fnv a:hover {
    text-decoration: underline;
}
.fnv li {
    display:inline;
    margin-right:0px;
    padding-right:5px;
}
.fnv li:after {
	content:'　/ ';
}
.fnv li.end {
    background:none;
    border-right:0 none;
}
.fnv li.end:after {
	content:'';
}
#footlogo a {
	color:#999;
}
#fout {
	position:absolute;
	left:0;
	top:100px;
}
#fout li{
	margin-right:6px;
	float:left;
	font-size:10px;
}
#fout li a {
	display:block;
	border:1px solid #CCC;
	background-color:#5646E4;
	color:#FFF;
	padding:4px 6px;
	text-decoration:none;
	border-radius:4px;
}
#fout li a:hover {

}
/*###############################################
side
###############################################*/
#side .mg {
    margin-bottom: 15px;
}

#side .base_side {
}

/*side_rank*/
#side_rank .t {
	background:url(../img/bg_t_side01.jpg) no-repeat 0 0 #0000FF;
	width:300px;
	height:36px;
}
#side_rank .t h3 {
	padding:10px 20px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
#side_rank .inr {
	background-color:#FFF;
	border:4px solid #eae9fe;
}
#side_rank .tx {
	padding:10px;
	font-size:12px;
}
#side_rank .box {
	border-top:1px solid #e6e6e6;
	padding:5px;
}
#side_rank .end {
	border-bottom:1px solid #e6e6e6;
}
#side_rank .icon_rank {
	text-indent:-500px;
	width:49px;
	height:63px;
	background-repeat:no-repeat;
	overflow:hidden;

	float:left;
	margin-right:5px;
}
#side_rank .sitename {
	font-weight:bold;
}
#side_rank .desc {
	font-size:10px;
	line-height:1.3;
}
.rk01 { background-image:url(../img/rank01.jpg); }
.rk02 { background-image:url(../img/rank02.jpg); }
.rk03 { background-image:url(../img/rank03.jpg); }
.rk04 { background-image:url(../img/rank04.jpg); }
.rk05 { background-image:url(../img/rank05.jpg); }


#side_rank figure {
	width:65px;
	float:left;
	margin-right:10px;
}
#side_rank figure img {
	margin:-1px;
	padding:1px;
	border:1px solid #D1D1D1;
	background-color:#FFF;
}
#side_rank ul {
	width:150px;
	float:right;
}
#side_rank .box_c {
	width:250px;
	float:left;
}
#side_rank .pt {
	font-size:10px;
	font-weight:bold;
	color:#999;
	letter-spacing:2px;
}


/*side_more*/
#side_more {
}
#side_more .t {
	background:url(../img/bg_t_side02.jpg) no-repeat 0 0 #e82887;
	width:300px;
	height:36px;
}
#side_more .t h3 {
	padding:10px 20px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
#side_more .inr {
	background-color:#FFF;
	border:4px solid #eae9fe;
}

#side_more .box {
	border-top:1px solid #eb2687;
	border-left:1px solid #eb2687;
	border-right:1px solid #eb2687;
	padding:5px 10px 5px 5px;
	
	background:url(../img/bg_grbtn.jpg) repeat-x 0 0;
}
#side_more .end {
	border-bottom:1px solid #eb2687;

}

#side_more .box_c {
	width:184px;
	float:right;
}
#side_more .box_c h4 {
}
#side_more .box_c h4 a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	line-height:1.3;
}
#side_more .box_c h4 a:hover {
	text-decoration:underline;
}
#side_more .box_c p {
	font-size:10px;
}
#side_more figure {
	width:66px;
	float:left;
}
#side_more figure img {
	margin:-1px;
	padding:1px;
	border:1px solid #D1D1D1;
}

/*side_large_area*/
#side_large_area .t {
	background:url(../img/bg_t_side01.jpg) no-repeat 0 0 #0000FF;
	width:300px;
	height:36px;
}
#side_large_area .t h3 {
	padding:10px 20px;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
#side_large_area .inr {
	background-color:#FFF;
	border:4px solid #eae9fe;
}
#side_large_area .tx {
	padding:10px;
	font-size:10px;
}
#side_large_area .box {
	border-top:1px solid #e6e6e6;
	padding:5px;
}
#side_large_area .end {
	border-bottom:1px solid #e6e6e6;
}

#side_large_area .sitename {
	font-weight:bold;
	font-size:16px;
}
#side_large_area .pref {
	border:1px solid #D1D1D1;
	background:url(../img/bg_grbtn.jpg) repeat-x 0 -10px;
	color:#666;
	padding:2px 5px;
	margin-bottom:2px;
	display:inline-block;
	font-size:10px;
	line-height:1.3;
}
#side_large_area .gakka {
	font-size:10px;
	line-height:1.3;
	color:#999;
	letter-spacing:1px;
}

#side_large_area figure {
	width:65px;
	float:left;
	margin-right:10px;
}
#side_large_area figure img {
	margin:-1px;
	padding:1px;
	border:1px solid #D1D1D1;
	background-color:#FFF;
}
#side_large_area .box_c {
	width:250px;
	float:left;
}
#side_large_area .link {
	background: url("../img/arw01.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding: 4px 0 7px 25px;
	margin:5px;
}


#side_large_area ul {


}
#side_large_area li {
	font-size:16px;
	border-bottom:1px solid #e6e6e6;
	padding:10px 10px 10px 20px;
	position:relative;
}
#side_large_area li:before {
    content: "";
    height:0;
    width:0;
    display: inline-block;
    border: 5px solid transparent;
    border-left-color: #F4A6A6;
    position: absolute;
    top: 50%;
    left:10px;
    margin-top:-5px;
}
#side_large_area li a {



}
#side_large_area li span {
	font-size:12px;
	color:#999;
}
/*###############################################
t
###############################################*/
.st1 {
    margin-bottom: 10px;
    height:34px;
    font-size:12px;
    border-left:7px solid #000;
    border-bottom: 1px solid #000;
}
.st1 span {
    display:block;
}
/*###############################################
pankuzu
###############################################*/
#pankuzu {
	width:685px;
	position:absolute;
	left:0;
	top:152px;
	font-size:10px;
	color:#352c97;
}
#pankuzu ul {
	float:left;
/*	padding:5px 0;*/
}
#pankuzu li {
	font-size:10px;
	letter-spacing:1px;
	float:left;
	margin-right:3px;
	display:inline;
	color:#666;
}
#pankuzu a {
	color:#352c97;
	text-decoration:underline;
}
#pankuzu a:hover {
	text-decoration:underline;
}


/**/
.sq_base {
	border-top:4px solid #4a3ee1;
	border-bottom:1px solid #bab5f8;
	border-left:1px solid #bab5f8;
	border-right:1px solid #bab5f8;
	
	background:url(../img/bg_t.jpg) repeat-x 0 0;
	margin-bottom:15px;

	
}
.sq_base .st {
	font-weight:bold;
	font-size:14px;
	padding:15px 10px 11px 10px;
	border-bottom:1px dotted #bab5f8;
}
.sq_base .inr {
	padding:15px;
}
/*###############################################
mylist
###############################################*/
#open_mylist {
	position:absolute;
	top:50px;
	left:200px;
	padding:0 !important;
}
/*##########################################
#pager
###########################################*/
.pagerarea {
	border-bottom:1px dotted #FFF;
	padding-bottom:5px;
	margin:10px 0 3px;
	float:left;
	width:597px;
	display:inline;
}
.totalbase {
/*	width:180px;
	float:left;*/
	margin-bottom:5px;
}
.pagerbase {
	width:417px;
	float:left;
	margin-bottom:5px;
}

.pagerbase span.off {
	display:none;
}

.pagerbase span.on {
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	border:1px solid #ff8600;
	background-color:#FABD03;
	padding:5px 8px;
	margin:0px 2px;
	text-decoration:none;
}

.pagerbase a {
	float:left;
	font-size:12px;
	color:#ff8600;
	border:1px solid #ff8600;
	padding:5px 8px;
	margin:0px 2px;
	text-decoration:none;
}
.pagerbase a:hover {
	color:#ffffff;
	font-size:12px;
	border:1px solid #ff8600;
	background-color:#FABD03;
	padding:5px 8px;
	margin:0px 2px;
	text-decoration:none;
}

.pagerbase a.prev,
.pagerbase a.next {
	color:#FFF;
	font-weight:bold;
	border:0 none;
	padding:7px 2px 0;
	margin:0;
}
.pagerbase a.prev:hover,
.pagerbase a.next:hover {
	color:#FFF;
	text-decoration:underline;
	border:0 none;
	background-color:transparent;
	padding:7px 2px 0;
	margin:0;
}
.pv,.nx {
	font-weight:bold;
	color:#666;
}

.tx_tatal {
	font-size:14px;
	font-weight:bold;
	line-height:120%;
	color:#ff8600;
}
#content #detail_p {
	padding:0;
	margin:0;
	font-size:15px;
	line-height:1.4;
}
#content .area_comment {
	padding:0 0 0 12px;
	margin:5px 0 0;
	background:url(../img/arrow_grey.jpg) no-repeat 5px 5px #FFF;

}
#content .detail_link {
	width:300px;
	float:left;
	padding:0 0 0 12px;
	margin:15px 0 0;
	background:url(../img/arrow_grey.jpg) no-repeat 5px 5px #FFF;
	display:inline;
}
#detailbase .tx_small {
	margin:0;
	padding:0;
}
.box_area_jp:nth-child(2n) {
	background-color:#FCFCFC;
}
.box_area_jp {
	width:686px;
	clear:both;
	padding:8px 0;
	border-bottom:1px dotted #CCC;
	margin:0 1px;

}
.box_area_jp h3 {
	width:150px;
	float:left;
	font-weight:bold;
	font-size:14px;
	margin-bottom:5px;
	line-height:1.5;
	text-align:center;
}
.box_area_jp dd {
	width:420px;
	float:left;
	font-size:16px;
	margin-bottom:5px;
}
.box_area_jp ul {
	min-height:20px;
}
.box_area_jp li {
	float:left;
	white-space:nowrap;
	margin-right:8px;
	display:inline;
	line-height:1.5;
	font-size:14px;
}
.box_area_jp li .non {
	color:#999999;
}
.box_area_jp li .nm {
	font-size:12px;
	color:#AAAAAA;
	vertical-align:middle;
}

#anti_sp {
	display:none;
}
#box_login table {
	width:100%;
}
#box_login table,
#box_login th,
#box_login td {
	border:1px solid #CCC;
}
#box_login th,
#box_login td {
	padding:10px;
}
#box_login th {
	background:#F6F6F6;
	width:160px;
}
#box_login .submit {
	margin-top:30px;
}
/*###############################################
ad
###############################################*/
#ad_head {
    width:728px;
    height:90px;
    position: absolute;
    top:4px;
    right:0;
}
.ad300 {
	width:300px;
}

.ad300cont {
	margin-right:25px;
	width:300px;
	margin-top:20px;
}