@charset "UTF-8";

/*============================================================
//
//  INDEX-------------------------
//  *初期設定
//  *共通設定
//  *ヘッダー
//  *フッター
//  *左メニュー
//  *フラッシュ
//  *内部／ナビゲーション
//  *内部／Google Adsense
//  *内部／詳細用CSS
//
//==========================================================*/

/*============================================================
//  初期設定
//==========================================================*/
*{
        margin: 0;
        padding: 0;
}
.clr{
        clear: both;
        overflow: hidden;
        width: 1px;
        height: 1px;
        margin: 0 -1px -1px 0;
        border: 0;
        padding: 0;
        font-size: 0;
        line-height: 0;
}

body{
        font-size: 12px;
        text-align: center;
/*        background:url(/imgcommon/bg.jpg) left top; */
        background-attachment:fixed;
        background-repeat:repeat-x;
}

*html body {
        background-position: expression('0px '+this.parentNode.scrollTop + '0px');
}

a{
        text-decoration: none;
        color:#0066FF;
}
a:hover{
        text-decoration: underline;
        color:#FF6600;
}

.test{
        border:1px solid #f00;
}

a img {
        border:none;
}

ul,li {
        list-style:none;
}

p,li {
        line-height:140%;
        color:#333;
        font-size:14px;
        /*text-align:justify;
        text-justify:inter-ideograph;*/
}

#left p,
#left li,
#center li,
#right p{
        font-size:12px;
}

/*============================================================
//  共通設定
//==========================================================*/

#page {
        width:950px;
        margin:0 auto;
        text-align:left;
}

#page #play {
        height:15px;
}

#page #play .oasobi{
        float:left; 
        width:845px;
}

#page #play .oasobi p{
        font-size:10px;
        color:#666666;
        padding:1px 0 0 0;        
}

#page #play .okini{
        float:right; 
        width:105px;
}

#weblin {
        height:107px;
        background: url(../imgcommon2/weblin4.png) repeat-x left bottom;
        width:100%;
        position: fixed;
        bottom:0;
        left:0;
	padding:0;
        /*opacity: 0.7;
        filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);*/
        behavior: expression(IEPNGFIX.fix(this));
}



#weblin .left {
	float:left;
	width:230px;
	padding:0 0 0 10px;
}

#weblin .right {
	float:right;
	width:230px;
	padding:0 10px 0 0;
}

#weblin .avatar01{
        height:97px;
        background: url(../imgcommon2/avatar01.png) no-repeat;
        width:136px;
        float:right;
	margin:5px 0 0 0;
	padding:0;
        behavior: expression(IEPNGFIX.fix(this));
}

#weblin .avatar02{
        height:97px;
        background: url(../imgcommon2/avatar02.png) no-repeat;
        width:133px;
        float:left;
	margin:5px 10px 0 0;
        behavior: expression(IEPNGFIX.fix(this));
}

#weblin .avatar03{
        height:97px;
        background: url(../imgcommon2/avatar03.png) no-repeat;
        width:180px;
        float:left;
		margin:5px 0 0;
        behavior: expression(IEPNGFIX.fix(this));
}

#weblin .kanban{
	background: url(../imgcommon2/kanban.png) no-repeat;
        height:64px;
        width:115px;
	float:right;
	margin:38px 0 0 10px;
	padding:0;
        behavior: expression(IEPNGFIX.fix(this));
}

#weblin a {
	display:block;
	text-indent:-9999px;
}

#weblin .avatar01 a{
	width:136px;
	height:97px;
}

#weblin .avatar02 a{
	width:133px;
	height:97px;
}

#weblin .avatar03 a{
	width:213px;
	height:97px;
}

#weblin .kanban a{
	width:115px;
	height:29px;
}

/*2008 LOVE DISTANCE用*/
#weblin .man {
	width:230px;
	height:107px;
	background: url(../imgcommon2/btn_man.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

#weblin .man a{
	width:230px;
	height:107px;
	background: url(../imgcommon2/btn_man.png) no-repeat;
}

#weblin .man a:hover{
	width:230px;
	height:107px;
	background: url(../imgcommon2/btn_man_on.png) no-repeat;
}

#weblin .woman {
	width:230px;
	height:107px;
	background: url(../imgcommon2/btn_woman.png) no-repeat;
	behavior: expression(IEPNGFIX.fix(this));
}

#weblin .woman a{
	width:230px;
	height:107px;
	background: url(../imgcommon2/btn_woman.png) no-repeat;
}

#weblin .woman a:hover{
	width:230px;
	height:107px;
	background: url(../imgcommon2/btn_woman_on.png) no-repeat;
}


/*2008 LOVE DISTANCEクリスマス用*/

#weblin .xmas a{
	width:290px;
	height:107px;
	background: url(../imgcommon2/btn_1225.png) no-repeat;
}

#weblin .xmas a:hover{
	width:290px;
	height:107px;
	background: url(../imgcommon2/btn_1225_on.png) no-repeat;
}

#weblin .box {
	width:290px;
	height:107px;
        margin:0 auto;
}


/*------------------------------------------------------------
//  　・ヘッダー
//----------------------------------------------------------*/

#header {
        background: url(/imgcommon2/header.jpg) no-repeat;
        height:94px;
        width:100%;
        margin:0 0 10px 0;
}

#header h1 {
        text-indent:-9999px;
        font-size:5px;
        width:950px;
        height:8px;
}

#header .toppage {
        float:left;
        width:467px;
        height:58px;
        padding:2px 0 0 7px;
}

#header .toppage a{
        display:block;
        width:221px;
        height:55px;
        text-indent:-9999px;
}

#header .head_bnr {
        width:468px;
        height:60px;
        float:right;
        padding:0px 8px 0 0;
}

#header p {
        font-size:10px;
        color:#FFFFFF;
        padding:11px 0 0 3px;
        font-weight:bold;
}


/*------------------------------------------------------------
//  　・ナビゲーション
//----------------------------------------------------------*/

.navi {
        background: url(/imgcommon/bg_navi.jpg) repeat-x;
        height:26px;
        width:950px;
        margin:0 auto 9px;
}

.navi ul,
.navi li{
        list-style:none;
        
}

.navi ul {
        width:600px;
        float:left;
}

.navi .language {
        width:340px;
        float:right;
        text-align:right;
        padding:5px 10px 0 0;
        color:#FFFFFF;
}

.navi .language a{
        font-size:12px;
        color:#FFFFFF;
}

.navi li{
        list-style:none;
        float:left;
        width:140px;
        height:26px;        
}

.navi li a{
        text-indent:-9999px;
        display:block;
        width:140px;
        height:26px;
}

.navi li.news{
        background:url(/imgcommon/navi_news.jpg) no-repeat;
}

.navi li.news a:hover{
        background:url(/imgcommon/navi_news_on.jpg) no-repeat;
}

.navi li.sp{
        background:url(/imgcommon/navi_sp.jpg) no-repeat;
}

.navi li.sp a:hover{
	background:url(/imgcommon/navi_sp_on.jpg) no-repeat;
}

.navi li.serial{
	background:url(/imgcommon/navi_serial.jpg) no-repeat;
}

.navi li.serial a:hover{
	background:url(/imgcommon/navi_serial_on.jpg) no-repeat;
}

.navi li.contribute{
	background:url(/imgcommon/navi_contribute.jpg) no-repeat;
}

.navi li.contribute a:hover{
	background:url(/imgcommon/navi_contribute_on.jpg) no-repeat;
}

.navi .style {
	width:101px;
	height:26px;
	float:right;
	background:url(/imgcommon/navi_style.jpg) no-repeat;
	padding:0 0 0 8px;
}

.navi .style a {
	display:block;
	width:16px;
	height:16px;
	padding:0 0 0 0;
	margin:5px 8px 5px 0px;
	text-indent:-9999px;
	float:left;
}


/*------------------------------------------------------------
//  　・フッター
//----------------------------------------------------------*/

#footer {
	/*background: url(/imgcommon/footer.jpg) repeat-x;*/
	width:100%;
	margin:10px auto 0;
	text-align: center;
	padding:10px 0 125px;
}

#footer .links {
	width:930px;
	margin:0 auto 10px;
	text-align:center;
	padding:10px;
	/*background:#cccccc;*/
}

#footer .links p{
	font-size:12px;
	padding:0px;
	text-align:center;
	line-height:160%;
}

#footer .links p a{
	font-size:12px;
	padding:0px;
	color:#333333;
	font-weight:bold;
}

#footer .links p a.large{
	font-size:14px;
}


#footer .box {
	width:950px;
	margin:20px auto 0;
	text-align:center;
}

#footer .box p{
	font-size:10px;
	padding:0px;
	text-align:center;
}

/*============================================================
//  メイン
//==========================================================*/

#main {
	width:100%;
	height:100%;
	background:url(/imgcommon/main_bg.png) repeat-y;
	margin:10px 0 0 0;
	/*opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=15);*/
}


/* パン屑 */
#page #main .pankuzu {
	font-size:12px;
	width:778px;
	float:right;
	margin:0 0 3px 0;
}

/*------------------------------------------------------------
//  　・左
//----------------------------------------------------------*/

/* 共通 */
#left {
	width:164px;
	float:left;
}

#left h3 {
	height:26px;
	font-size:5px;
}

#left h3 a,
#left a.linkbox{
	display:block;
	height:26px;
	width:164px;
	text-indent:-9999px;
}

#left .rss{ background:url(/imgcommon/ttl_rss.jpg) no-repeat; padding-bottom:10px;height:26px;}
#left .virtualworld{ background:url(/imgcommon/ttl_virtualworld.jpg) no-repeat;height:26px;}
#left .avatar{ background:url(/imgcommon/ttl_avatar.jpg) no-repeat; text-indent:-9999px;height:26px;}
#left .moviecontents{ background:url(/imgcommon/ttl_moviecontents.jpg) no-repeat;text-indent: -9999px;height:26px;}
#left .mobile{ background:url(/imgcommon/ttl_mobile.jpg) no-repeat; text-indent:-9999px;height:26px;}
#left .left_serial{ background:url(/imgcommon/ttl_serial.jpg) no-repeat; text-indent:-9999px;height:26px;}
#left .recommend{ background:url(/imgcommon/ttl_recommend.jpg) no-repeat; text-indent:-9999px;height:26px;}

#left .about{ background:url(/imgcommon/ttl_about.jpg) no-repeat; margin:0 0 10px 0;height:26px;}

#left .line {
	/*background:url(/imgcommon/line_left.jpg);*/
	height:10px;
	width:164px;
}



/* メルマガ */
#left .mailmag {
	width:164px;
}

#left .mailmag a{
	display:block;
	width:138px;
	height:26px;
	background:url(/imgcommon/btn_meilmag.jpg) no-repeat;
	text-indent:-9999px;
	margin:0 13px;
}

/* 検索 */
.search {
	width:144px;
	margin:5px 10px;
	text-align:center;
}

#left .search ul {
	margin:5px 0 0 0;
	text-align:right;
}

#left .search li {
	float:right;
	border-left:#999 1px solid;
	font-size:10px;
	padding:1px 3px 1px 3px;
	margin:0 0 0 3px;
}

#left .search li.first {
	float:right;
	border-left:#999 1px solid;
	border-right:#999 1px solid;
}

#left .search li a {
	font-size:10px;
}

/* サービスリスト */
#left .box{
	margin:10px;
}

#left .box li{
	background:url(/imgcommon/left_list.jpg) no-repeat 0 2px;
	padding:0 0 3px 18px;
	margin:10px 0 0 0;
	border-bottom:#ccc 1px solid;
}

#left .box li a{
	color:#333333;
}

#left .box li a:hover{
	color: #FF6600;
}

/* 連載中の記事 */
#left .box .serial_box {
	margin:0 0 4px 0;
	padding:0 0 2px 0;
	border-bottom:dotted 1px #999999;
}

#left .box .serial_box .left_box {
	float:left;
	width:72px;
}

#left .box .serial_box .right_box {
	float:right;
	width:68px;
}

#left .box .serial_box .right_box a{
	font-size:10px;
}

#left .box .serial_box p{
	font-size:10px;
	color:#FF6600;
	padding:0 0 3px;
}








/*------------------------------------------------------------
//  　・真ん中
//----------------------------------------------------------*/

#center {
	width:470px;
	float:left;
	padding:0px 8px;
}

#center h3 {
	height:27px;
	font-size:5px;
	width:410px;
	float:left;
	text-indent:-9999px;
}

#center .box {
	background:url(/imgcommon/bg_box.jpg) repeat-y;
	width:450px;
	padding:5px 10px;
}

#center .box_top {
	background:url(/imgcommon/top_box.jpg) no-repeat;
	width:470px;
	text-indent:-9999px;
	height:2px;
	margin:0 ;
	padding:0;
	line-height:100%;
}

#center .box_bottom {
	background:url(/imgcommon/bottom_box.jpg) no-repeat;
	width:470px;
	text-indent:-9999px;
	height:12px;
}


/* オレンジ */
#center .box .sp_box {
	padding:0 0 10px;
	margin:5px 0 10px;
	border-bottom:#ccc 1px solid;
}

#center .box .sp_box .left_box {
	float:left;
	width:160px;
}

#center .box .sp_box .right_box {
	float:right;
	width:280px;
}

#center .box .sp_box .right_box h4{
	font-size:16px;
	margin:0 0 5px;
	line-height:140%;
}

/* 水色 */
#center .box .new_box {
	padding:0 0 10px;
	margin:5px 0 10px;
	border-bottom:#ccc 1px solid;
}
#center .box .new_box_noline {
	padding:0 0 10px;
	margin:5px 0 10px;
}


#center .box .new_box p{
	line-height:130%;
}

#center .box .new_box p a{
	font-size:14px;
}

#center .box .new_box p a.conte{
	font-size:10px;
}

#center .box .new_box .writer {
	margin:0 0 10px;
}

#center .box .new_box .writer .ttl {
	width:380px;
	float:left;
}

#center .box .new_box .writer .ttl h4{
	border-bottom:dotted 1px #999999;
	font-size:16px;
	line-height:140%;
	padding:0 0 5px 0;
	color:#FF6600;
}

#center .box .new_box .writer .ttl p{
	font-size:10px;
}

#center .box .new_box .writer .writer_img {
	width:60px;
	float:right;
}

#center .box .new_box .writer .writer_img img{
	border:1px solid #CCCCCC;
}

#center .box .new_box .right_box {
	float:right;
	width:280px;
}

#center .box .new_box .left_box {
	float:left;
	width:160px;
	padding:0 10px 0 0;
}


/* ページ分割 */

#center .box .for_pagebute {
	margin:20px 0 10px;
	text-align:center;
}


#center .box .for_pagebute a{
	font-size:14px;
	padding:3px;
	font-weight:bold;
}

#center .box .for_pagebute a:hover{
	background:#FF6600;
	font-size:14px;
	padding:3px;
	color:#FFFFFF;
}



/* 記事中のイメージ */
/*#center .box .new_box p img{
	padding:3px 3px 0;
	float:left;
}*/

#center .box .new_box .right_box {
	float:right;
	width:280px;
}

#center .box_bottom2 {
	background:url(/imgcommon/bottom_box.jpg) no-repeat;
	width:470px;
	text-indent:-9999px;
	height:2px;
	margin:0;
	padding:0;
}






/* タグ */
#center .box .tag {
	background:#666666; 
	color:#FFFFFF; 
	font-size:12px; 
	font-weight:bold; 
	padding:6px 5px 3px;
	margin:5px 0 0;
}

#center .box .tag_box {
	border:1px solid #666666; 
	padding:10px; 
	margin:0 0 10px;
}

#center .box .url {
	font-size:12px;
}



/* 紹介ページ */
#center .box .invitation {
	text-align:center; 
	padding:10px 0; 
	border-bottom:#CCCCCC 1px solid; 
	border-top:#CCCCCC 1px solid; 
	margin:10px 0;
}

#center .box .invitation a{
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	display:block;
	background:#FF6600;
	border:2px solid #666666;
	padding:7px 10px;
	width:300px;
	margin:0 auto;
}

#center .box .invitation a:hover{
	color: #FF3300;
	font-size:14px;
	font-weight:bold;
	display:block;
	background: #FFCC00;
	border:2px solid #666666;
	padding:7px 10px;
	width:300px;
	margin:0 auto;
}




/* 関連記事 */
#center .box .relation {
	background:#0E6292; 
	color:#FFFFFF; 
	font-size:16px; 
	font-weight:bold; 
	padding:7px 5px 3px; 
	margin:5px 0 0;
}

#center .box .relation_box {
	border:1px solid #0E6292; 
	padding:10px; 
	margin:0 0 10px;
}

#center .box .relation_box li{
	border-bottom:1px solid #CCCCCC; 
	padding:0 5px 5px; 
	margin:0 0 5px;
	font-size:14px;
}

#center .next {
	text-align:center; 
	margin:20px;
}


/*------------------------------------------------------------
//  　・右
//----------------------------------------------------------*/

#right {
	width:300px;
	float:right;
}


/* レクタングル */
#right .rectangle {
	margin:0 0 10px 0;
}


/* ムービー */
#right .movie {
	margin:0 0 10px 0;
}




/* 注目記事 */
#right .ttl_attention {
	margin:0 0 0 0;
}

#right .ttl_attention h3 {
	height:27px;
	font-size:5px;
	width:300px;
	text-indent:-9999px;
}

#right .ttl_attention h3.attention {background:url(/imgcommon/ttl_attention_right.jpg) no-repeat;}

#right .ttl_attention .attention {
	height:27px;
	font-size:5px;
	width:300px;
	text-indent:-9999px;
	background:url(/imgcommon/ttl_attention_right.jpg) no-repeat;
}


#right .attention_box {
	background:url(/imgcommon/bg_attention_box.jpg) repeat-y;
	width:280px;
	padding:10px 10px 2px;
}

#right .attention_box li{
	font-size:12px;
	padding: 0 0 2px 0;
	border-bottom:1px solid #CCC;
	margin:0 0 2px;
}

#right .attention_bottom {
	background:url(/imgcommon/bottom_attention_box.jpg) no-repeat;
	width:300px;
	text-indent:-9999px;
	height:10px;
	margin:0 0 10px;
}







/* バナー */
#right .bnr {
	margin:0 0 0 0;
}

#right .bnr .left_box{
	margin:0 0 0 0;
	float:left;
	width:145px;
}

#right .bnr .right_box{
	margin:0 0 0 0;
	float:right;
	width:145px;
}

#right .bnr img {
	margin:0 0 10px 0;
}



/* ランキング順位 */
#right .left_box .rank_1 { background:url(/imgcommon/rank_01.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_2 { background:url(/imgcommon/rank_02.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_3 { background:url(/imgcommon/rank_03.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_4 { background:url(/imgcommon/rank_04.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_5 { background:url(/imgcommon/rank_05.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_6 { background:url(/imgcommon/rank_06.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_7 { background:url(/imgcommon/rank_07.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_8 { background:url(/imgcommon/rank_08.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_9 { background:url(/imgcommon/rank_09.jpg); width:21px; height:21px; text-indent:-9999px;}
#right .left_box .rank_10 { background:url(/imgcommon/rank_10.jpg); width:21px; height:21px; text-indent:-9999px;}


/* 人気記事ランキング */
#right .kijirank {
	margin:0 0 10px 0;
	background:url(/imgcommon/bg_kijirank.jpg) repeat-y;
	padding:2px 10px 10px;
	width:280px;
}

#right h3.ttl_kijirank,
#right .ttl_kijirank{
	background:url(/imgcommon/ttl_kijirank.jpg);
	height:54px;
	text-indent:-9999px;
	width:300px;
}

#right .kijirank .kijirank_box{
	margin:0px 0 5px;
	background:#FFF;
	padding:10px;
}

#right .kijirank .kijirank_box .avater_name{
	text-align:right;
	padding:5px 0;
}

#right .kijirank .kijirank_box .avater_name a{
	color:#666666;
}

#right .kijirank .kijirank_box .box {
	border-bottom:1px solid #CCCCCC;
	margin:0 0 10px 0;
	width:260px;
}

#right .kijirank .kijirank_box .box .left_box{
	width:21px;
	float:left;
}

#right .kijirank .kijirank_box .box .right_box{
	width:230px;
	float:right;
}


/* 人気ライターランキング */
#right .writerrank {
	margin:0;
	background:url(/imgcommon/bg_writerrank.jpg) repeat-y;
	padding:2px 10px 10px;
	width:280px;
}

#right h3.ttl_writerrank,
#right .ttl_writerrank{
	background:url(/imgcommon/ttl_writerrank.jpg);
	height:27px;
	text-indent:-9999px;
	width:300px;
}

#right .writerrank .writerrank_box{
	margin:0px 0 5px;
	background:#FFF;
	padding:10px;
}

#right .writerrank .writerrank_box .avater_name{
	text-align:right;
	padding:5px 0;
}

#right .writerrank .writerrank_box .avater_name a{
	color:#666666;
}

#right .writerrank .writerrank_box .box {
	border-bottom:1px solid #CCCCCC;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

#right .writerrank .writerrank_box .box .left_box{
	width:21px;
	float:left;
}

#right .writerrank .writerrank_box .box .right_box{
	width:230px;
	float:right;
}

#right .writerrank .writerrank_box .box .right_box .avatar_image{
	width:60px;
	float:left;
}

#right .writerrank .writerrank_box .box .right_box .avatar_image img{
	border:1px solid #CCCCCC;
}

#right .writerrank .writerrank_box .box .right_box .avatar_txt{
	width:160px;
	float:right;
}

/*--------------------------------------
	検索結果
---------------------------------------*/
.box h4.search-results-header {
	font-size:16px;
	color:#FF6600;
	font-weight:bold;
	padding:5px 0px 10px;
}
.entry-tags {
	border:1px solid #CCCCCC;
	padding:5px 10px;
	margin:10px 0;
}

.entry-tags h4 {
	padding:0 0 5px;
}


/*============================================================
//  内部／詳細用CSS
//==========================================================*/

#header .title {
	font-size:5px;
	height:8px;
	text-indent:-9999px;
	width:950px;
}

#center .box .new_box .writer .ttl h1 {
	border-bottom:1px dotted #999999;
	color:#FF6600;
	font-size:16px;
	line-height:140%;
	padding:0 0 5px;
}

#center .box .relation_box h2 {
	border-bottom:1px solid #CCCCCC;
	font-size:14px;
	margin:0 0 5px;
	padding:0 5px 5px;
}

#center h3.virtual {
	border-bottom:1px solid #CCCCCC;
	font-size:14px;
	margin:0 0 5px;
	padding:0 5px 5px;
	float:none;
	text-indent:0px;
	width:410px;
	height:100%;
}




#center .box .new_box .right_box .writer .writer_img2 {
	width:40px;
	float:right;
}

#center .box .new_box .right_box .writer .writer_img2 img{
	border:1px solid #CCCCCC;
}

#center .box .new_box .writer .right_box .ttl2 {
	/*width:310px;*/
	width:350px;
	float:left;
	font-size:10px;
}


#center .box .new_box .writer .right_box .ttl2 h4 {
	border-bottom:1px dotted #999999;
	color:#FF6600;
	font-size:14px;
	line-height:120%;
	padding:0 0 5px;
}


#center .box .new_box .writer .right_box .ttl2 p {
	font-size:10px;
}

#center .sp_banner_box {
	margin-bottom:10px;
}
#center .sp_banner_box .sp_banner_l {
	float:left;
	margin-right:10px;
}
#center .sp_banner_box .sp_banner_r {
	float:right;
}