/*div { border: solid 1px #f00; }*/


@charset "euc-jp";
/* CSS Document */

body{
    margin-left: 0px;
    margin-top: 0px;
    margin:0px;
    padding:0px;
    color:#362F2D;
    font-size:14px;
    line-height:140%;
    font-family: Arial,Helvetica,sans-serif;
}

td {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 1.3em;
}

a:link {  color: #0000FF; text-decoration: none}
a:visited {  color: #0000FF; text-decoration: none}
a:active {  color: #FF0099; text-decoration: none}
a:hover {  color: #FF0066; text-decoration: none}

.comment:link {  color: #0000FF; text-decoration: none}
.comment:visited {  color: #0000FF; text-decoration: none}
.comment:active {  color: #0000FF; text-decoration: none}
.comment:hover {  color: #0000FF; position : relative; top:1px; left:1px; text-decoration: none}

.cool:link {  color: #808080; text-decoration: none}
.cool:visited {  color: #808080; text-decoration: none}
.cool:active {  color: #FF0099; text-decoration: none}
.cool:hover {  color: #FF0099; text-decoration: underline}

.dot:link {  color: #0000FF; text-decoration: none}
.dot:visited {  color: #0000FF; text-decoration: none}
.dot:active {  color: #FF0099; text-decoration: none}
.dot:hover {  color: #FF0066; border-bottom: 1px dotted #FF0066;}


form { margin-bottom: 0; margin-top: 0; margin-left: 0; margin-right: 0; }

.txt11 {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}


/* --Hide the Text for Logo-- */
#pageHeader h1 span, h2 span {
}


/* レイアウト用ブロックの設定
------------------------------------------------------------ */


.name {
	text-align:right;
	width: 100%;
	height: 20px;
	padding-right:30px;
	margin: 0px;
	background-color:#F2F2F2;
	border-bottom: 1px solid #D9D9D9;
	font-family: Arial,Helvetica,sans-serif;
}

.namel {
	width: 300px;
	height: 10px;
	float:left;
	padding:3px 0px 0px 0px;
}


/* ベース */

#name {
	width: 100%;
	height: 20px;
	padding: 0px;
	margin-top: 0px;
	background-color:#F2F2F2;
	border-bottom: 1px solid #D9D9D9;
}

#namel {
	width: 300px;
	height: 10px;
	float:left;
	padding:3px 0px 0px 0px;
}

#namer {
	width: 300px;
	height: 10px;
	float:right;
	padding:3px 0px 0px 0px;
}


#baseBlock {
	width: 780px;
	padding: 0px;
	margin: 10px auto;
}

#boxbig {
	width: 767px;
	height: 10px;
}

/* ヘッド */
#head {
	width: 100%;
	height: 143px;
	background-color:#FFFFFF;
}

#headimg {
	width: 841px;
	height: 143px;
	margin: 0px auto;
	background-image:url(../img/head.jpg);
}


.border {
	width: 100%;
}

/* サーチ */
#search {
	width: 767px;
}

/* コンテンツ */
#contents {
	width: 900px;
	padding: 0px;
	margin: 0px auto;
}

#rankinghead {
	width: 496px;
	height: 67px;
	background-image:url(../images/ranking_head.gif);
}

/* フッター */
#foot {
	width: 767px;
	height: 20px;
	padding:4px 0px 0px 0px;
}

/* レイアウト用　左ブロックの設定
------------------------------------------------------------ */

/* 左BOX */
#leftcol {
	width: 270px;
	float:left;
}

.leftcols {
	width: 270px;
	float:right;
}

.leftcolhead {
background-image: url(../img/col_left_bg2.gif);
	width : 270px;
	margin: 0px 0px 0px;
	padding: 0px;
}

.leftcolfoot {
	width : 270px;
	margin: 0px 0px 0px;
	padding: 0px;
}

.leftcontents {
background-image: url(../img/col_left_bg2.gif);
	width : 230px;
	margin: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 14px;
	float:right;
}

.leftcontents2 {
background-image: url(../img/col_left_bg2.gif);
	width : 230px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:14px;
	float:right;
}

.prmargin{
    width:120px;
	margin-left:auto;
	margin-right:auto;
}

.contentsTitle {
	width : 230px;
	margin: 0px;
	float:left;
}

.leftcontSmall {
	width : 100px;
	padding:10px 10px 10px 10px;
	float:left;
}

.lefttitle {
	width : 270px;
	margin: 0px 0px 0px;
	padding: 0px;
}

.leftcoledit {
	width : 270px;
	margin: 0px 0px 0px;
	padding: 0px;
}


#topichead {
	width: 130px;
	height:22px;
	background-color:#FFCC00;
	border: 1px solid #FFCC00;
	font-size:14px;
	font-weight:bold;
	color:#562D11;
	padding:6px 0px 0px 0px;
}

#topic {
	width: 110px;
	background-color:#FFF9E9;
	border: 1px solid #FFCC00;
	padding:10px 10px 10px 10px;
}



#newshead {
	width: 130px;
	height:22px;
	background-color:#75A3ED;
	border: 1px solid #75A3ED;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:6px 0px 0px 0px;
}

#news {
	width: 122px;
	background-color:#D2E4FC;
	border: 1px solid #75A3ED;
	padding:4px 4px 4px 4px;
}

#newsbox {
	width: 110px;
	background-color:#FFF9E9;
	border: 1px solid #75A3ED;
	padding:4px 4px 4px 4px;
}

#boxl {
	width: 140px;
	height:10px;
}

.rightarrow {
	padding-right: 3px;
	
}

/* レイアウト用　中央ブロックの設定
------------------------------------------------------------ */
/* 中央BOX */
.midcol {
	width: 495px;
	float:right;
}

#btext {
	width: 100%;
	float:left;
}

#btextwhite {
	width: 100%;
	float:left;
	padding:10px;
}


#box {
	width: 405px;
}

#invisible {
	width: 405px;
	height:10px;
}

/* 405コンテンツ */
#line {
	width: 405px;
	background-image:url(../images/405_bg.gif);
}

/* 告知用 */
#kokuchi {
	width: 407px;
	background-image:url(../images/kokuchi/bg_kokuchi.gif);
}



/* レイアウト用　右ブロックの設定
------------------------------------------------------------ */
/* 右BOX */
#rightcol {
	width: 200px;
	float:right;
}

#boxr {
	width: 200px;
}

#invisibler {
	width: 200px;
	height:10px;
	float:right;
}

#blog {
	width: 189px;
	height:20px;
	padding:12px 0px 0px 0px;
	float:right;
	background-image:url(../images/icon.gif);
}

/* レイアウト用　ランキングＢＯＸの設定
------------------------------------------------------------ */

.rankhead {
	width: 496px;
}

.rankbox {
	width: 496px;
	border: 1px solid #000000;
}

.rankno {
	width: 36px;
	float:left;
}
.rankimage {
	width: 60px;
	float:left;
}
.ranktext {
	width: 360px;
	float:right;
	height:40px;
	padding:10px;
}

/* 200コンテンツ */
#liner {
	width: 200px;
	background-image:url(../images/200_bg.gif);
}

#perfolog {
	width: 200px;
	height:20px;
	padding:4px 0px 0px 0px;
	background-image:url(../images/perfolog_link.gif);
}

#xxx {
	width: 200px;
	height:20px;
	padding:4px 0px 0px 0px;
	background-image:url(../images/adult_link.gif);
}


/* フォントサイズ
------------------------------------------------------------ */
#btext h1 span {
	font-size:15px;
}

#btextwhite h2 span {
	font-size:13px;
}

#btextwhite h3 span {
	font-size:13px;
}

.text {
	font-size: 12px;
	line-height:200%;
	padding: 5px
}

.text2 {
	font-size: 13px;
	line-height: 200%;
	padding: 5px
}

.txt12 {
	font-size: 12px;
}

.txt14 {
	font-size: 14px;
}

.age {
	font-size: 12px;
	color:#362F2D;
}

/* テーブル
------------------------------------------------------------ */

.cell1 {
	font-size: 14px;
	background-color: #DFFFFF;
	padding: 5px 10px;
	border-bottom:1px dotted #CCCCCC;
}

.cell2 {
	font-size: 14px;
	padding: 5px 15px;
	color: #362F2D;
}

.cell3 {
	font-size: 12px;
	padding: 5px 15px;
	color: #362F2D;
	border-bottom:1px dotted #E6E6E6;
}

.cell4 {
	font-size: 12px;
	color:#0000FF;
	background-color: #F1F9C9;
	padding: 5px 10px;
	border-bottom:1px dotted #A9CC45;
}

.cell5 {
	font-size: 12px;
	padding: 5px 5px;
	color: #362F2D;
	border-bottom:1px dotted #E6E6E6;
}

.cell6 {
	font-size: 14px;
	color:#0000FF;
	background-color: #F1F9C9;
	padding: 5px 10px;
	border-bottom:1px dotted #A9CC45;
}

.cell7 {
	font-size: 13px;
	color: #362F2D;
	border-bottom:1px dotted #E6E6E6;
}

.cell8 {
	background-color: #DFFFFF;
	border-bottom:1px dotted #CCCCCC;
}

.cell9 {
	font-size: 13px;
	color: #362F2D;
	border-bottom:1px dotted #CCCCCC;
}

/* FAQ 
------------------------------------------------------------ */
.odd {
	background-color: #CCCCCC;
	border-top: 1px solid #000000;
}

.even {
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
}

/* headline 
------------------------------------------------------------ */
.h2 {
	text-align: left;	
	font-size: 18px;
	color:#362F2D;
	font-weight:bold;
	padding-left: 5px;
}

.h3 {
	text-align: left;	
	font-size: 18px;
	color:#362F2D;
	font-weight:bold;
	padding-left: 5px;
}

/* glossary
------------------------------------------------------------ */
.gtop {
    background-image: url(../img/title1.gif);
    font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	padding: 5px 10px;
}

.g1 {
	font-size: 13px;
	padding: 5px 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.gindex1 {
	margin-top: 20px;
	margin-bottom: 25px;
	font-size: 13px;
	text-align: center;
	padding: 15px 15px;
	border:2px dashed #CCFFFF;
}

.gindex2 {
	font-size: 13px;
	color: #FF9900;
}

.gindex3 {
	font-size: 13px;
	color: #FF9900;
	border-top: 1px dotted #CCCCCC;
	padding-top: 15px;
}

.gindex4 {
	font-size: 13px;
	color: #FF9900;
	width:82%;
	border-top: 1px dotted #CCCCCC;
	padding-top: 15px;
}

.glist {
	font-size: 13px;
	font-weight:normal;
	padding: 5px 10px;
}

.glistodd {
	font-size: 13px;
	background-color: #33CCCC;
	padding: 5px 10px;
	border:1px solid #CCFFFF;
}

.glistodd2 { 
	margin-top:40px;
	margin-bottom:30px;
	font-size: 13px;
	background-color: #33CCCC;
	padding: 5px 10px;
	border:1px solid #CCFFFF;
}

.glisteven {
	font-size: 13px;
	padding: 5px 10px;
}

.gexplanation {
	font-size: 13px;
	padding: 5px 10px;
}

.gexplanationred {
	font-size: 13px;
	color:#FF0000;
	padding: 5px 10px;
}

.english {
	font-family: Arial,Helvetica,sans-serif;
}

.gborder {
	text-align: right;
	font-size: 12px;
	padding: 5px 10px;
	border-bottom: 1px dotted #CCCCCC;
}

.gtext1 {
	text-align: left;
	font-size: 13px;
	padding: 5px 10px 25px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #CCCCCC;
}

.gnavi {
	font-size: 13px;
	padding-left: 10px;
}

.gtitle {
	font-size: 13px;
	background-color: #DFFFFF;
	padding: 5px 10px;
	border:1px solid #CCFFFF;
}

/* blog_service
------------------------------------------------------------ */
.bsexplanation {
	font-size: 13px;
	padding: 5px 10px;
	margin-bottom: 30px;
}

.bsarticle {
	font-size: 13px;
	padding-left: 10px;
}

.right {
	float:right;
	padding-left:30px;
}

.right2 {
	float:right;
	margin-top:5px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.graph1 {
	font-size:13px;
	padding:3px;
	background-color:#CCFFFF;
}

.graph2 {
	font-size:13px;
	padding:3px;
}

.bslist {
	margin-top:30px;
	font-size:13px;
}

/* 2ndtemp
------------------------------------------------------------ */
#caption {
	width: 455px;
	height: 45px;
	margin-top: 30px;
	margin-left: 30px;
	margin-bottom: 30px;
	background-image:url(../img/title2.gif);
	color: #FFFFFF;
	text-align: center;
}

.captiontitle {
	font-size: 14px;
	width:95%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background-color: #009999;
	padding: 5px 10px;
	border:1px solid #CCFFFF;
	text-align: center;
	color:#FFFFFF;
}

.captiontitle2 {
	font-size: 14px;
	width:95%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	background-color: #009999;
	padding: 5px 10px;
	border:1px solid #CCFFFF;
	text-align: center;
	color:#FFFFFF;
}

.captiontitle3 {
	font-size: 14px;
	width:95%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	background-color: #009999;
	padding: 5px 10px;
	border:1px solid #CCFFFF;
	text-align: center;
	color:#FFFFFF;
}

#navi {
    width: 480px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	padding: 5px 10px;
	font-size:13px;
	font-family:"MS ゴシック","新ゴ",Arial,Helvetica,sans-serif; 
	border:2px dashed #33CCCC;
	text-align: center;
}

.bglossary1 {
	font-size: 13px;
	padding-top: 30px;
	padding-left: 50px;
	padding-bottom: 30px;
}

.gborder2 {
	text-align:right;
	font-size:12px;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:20px;
}

.bglossarymain1 {
	padding: 5px 30px;
}

OL {
	list-style-type:none
}

/* ad
------------------------------------------------------------ */
.center {
	width:90%;
	background-image:url(../img/test2.gif);
	margin-left:auto;
	margin-right:auto;
}

.form1 {
	width:90%;
	background-color:#DFFFFF;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #33CCCC;
}

/* sitemap
------------------------------------------------------------ */
.right2 {
	float:right;
	padding:30px 100px 30px 30px;
}

.left {
	padding:30px 30px 30px 40px;
}


.space1 {
	padding-top:10px;
}

/* footer
------------------------------------------------------------ */
.bfooter {
	text-align: right;
	height: 27px;
	font-size:12px;
	padding-right:30px;
	background-image: url(../img/footer.gif);
}

.footer1 {
text-align: right;
	height: 27px;
	font-size:12px;
	padding-right:30px;
	background-image: url(../img/footer.gif);
}

