/*============================================================

World Wide Web MEDIA MAGAZINE RIN（凜）C


============================================================*/

@charset "utf-8";


/*初期化・汎用----------------------------------------------*/

/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */


/**/
body {
	background-color:#fff;
	text-align:center;
}


#wrapper{
	position:relative;
	margin:0 auto;
	text-align:left;
	padding:0;
	font-size:12px;
	font-family:osaka,MS Pゴシック,arial,helvetica,sans-serif;
	width:860px;
	height:100%;
	color:#333;
	}


#container{
	position:relative;
	left:0;
	top:0;
	}
	
#footer{
	clear:both; background-color:#fff; 
}

#main{
	float:left;
	width:551px;
	margin:0 9px 40px 0;
	overflow:hidden;
	letter-spacing:0.05em
	}

	
#secondary{
	float:left;
	width:300px;
	margin:0 0 40px;
	overflow:hidden;
	letter-spacing:0.05em
	}

	
ul {list-style:none;}

img{border:none;}
table { text-align:left;}
h1,h2,h3,p,div,form,ul,li,dl{ margin:0px; padding:0px;}
h1{font-size:30px; font-weight:bold;}
h2{font-size:25px;font-weight:bold;letter-spacing:0.02em;color:#003399;text-decoration:none;font-weight:bold;}
h3{font-size:16px; font-weight:bold;}

textarea, input, select{font-size:12px;padding:1px;color:#333;}
.sarch_btn{border:none;background:#f5f5f5;}
.login_btn{border:none;background:#093775;}
.input_none{border:none;background:#f5f5f5;}

.spacer_min{margin-top:20px;margin-bottom:10px; text-align:center;}
.spacer_mdl{margin-top:35px;margin-bottom:25px;text-align:center;}
.center{ margin-left : auto ; margin-right : auto ;}

label{
	font-size:12px;
	color:#999;
}

.submit1{
	padding:20px 0 10px;
	font-weight:bold;
	font-size:14px;
	color:#666;	
}
.submit2{
	padding:5px 0;
	font-size:11px;
	color:#666;
}
.submit3{
	padding:10px 0;
	font-size:11px;
	color:#666;
}
.txt_01{margin:10px; 
	color:#333;
	text-align:left;
}
.txtmode1 {
  ime-mode: active;   /* 全角モード */
}
.txtmode2 {
  ime-mode: inactive; /* 半角モード */
}
/*-----------------------------
         フォント
-------------------------------*/


.font-A {
	font-size:12px;
	letter-spacing:0.15em;
}

.font-B {
	font-size:14px;
	letter-spacing:0.2em;
	line-height:1.5em;
}

.font-C {
	font-size:16px;
	letter-spacing:0.2em;
	line-height:1.8em; 
}

.font-M {
	font-size:11px;
	letter-spacing:0.05em;
}

.font-s {
	font-size:85%;
		letter-spacing:0.02em;
}

.font-ss {
	font-size:75%;
}

.font-b{
	font-weight:bold;
	color:#666;
}
.font-bb{
	font-weight:bold;
	color:#000099;
}

.font-n{
	font-weight:normal;
}
.tab{
	font-weight:bold;
}

.lh-150 { 
	line-height:150%;
}

.lh-130 { 
	line-height:130%;
}

.textR{
	text-align:right;
}

.font-blue{
	color:#003399;
}

.font-white{
	color:#fff;
}

.font-red{
	color:#ca0000;
}

.font-black{
	color:#000000;
}
.font-orange{
	color:#ffcc00;
}

.font-h1{font-size:16px; line-height:22px;font-weight:bold;color:#666666;letter-spacing:0.05em;}
.font-h2{font-size:12px; line-height:20px;font-weight:bold;color:#006699;letter-spacing:0.05em;}
.font-h3{font-size:14px; line-height:20px; font-weight:bold; color:#006699; letter-spacing:0.05em;}


.daytime{ margin-right:5px;text-align:right; font-size:12px;line-height:16px;}

div.sub_box{
	border:solid 1px #c6cfe1;
	background:#f5f5f5;
	padding:10px;
	width:auto;
	color:#333;
	margin-bottom:5px;
	font-size:14px;
}
div.sub_box h1 {
	font-size:14px;
	color:#003399;
	padding-bottom:5px;
}


.sub_text{margin:10px;	font-weight:bold; font-size:14px; color:#003399;}
/*-----------------------------
	リンク色
-------------------------------*/

a:link {
	color:#006699;
	text-decoration:none;
}


a:visited {
	color:#993366;
	text-decoration:none;
}

a:hover {
	color:#33CC99;
	text-decoration:underline;
}

a.white:link {
	color:#fff;
	text-decoration:none;
}

a.white:visited {
	color:#fff;
	text-decoration:none;
}

a.white:hover {
	color:#fff;
	text-decoration:underline;
}

a.blue:link {
	color:#000099;
	font-weight:bold;
	text-decoration: underline;
}

a.blue:visited {
	color:#000099;
	font-weight:bold;
	text-decoration:underline;
}

a.blue:hover {
	color:#33CC99;
	font-weight:bold;
	text-decoration:underline;
}
a.gray:link {
	color:#333;
	text-decoration:none;
}

a.gray:visited {
	color:#993366;
	text-decoration:none;
}

a.gray:hover {
	color:#33CC99;
	text-decoration:underline;
}

a.whiteb:link {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

a.whiteb:visited {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

a.whiteb:hover {
	color:#993366;
	text-decoration:underline;
	font-weight:bold;
}

a.green{
	background:url('../img/btn_bg.gif') no-repeat center left;
	padding:1px 8px;
	border:1px solid #999;
	height:18px; 
	line-height:18px;
	color:#333;
	font-size:14px;
	margin-right:10px;
	display:inline-block;
	text-decoration:none;
	
}

/*-----------------------------
	ヘッダー関係
-------------------------------*/


#t_header{
	height:95px;
	width:255px;
	text-align:left;
	vertical-align:top;
	margin:0;
	}

#headArea{
	float:right;
	text-align:right;
	vertical-align:top;
	font-size:12px;
	width:305px;
	color:#333;
	font-weight: bold;
	text-decoration: none;
	}
	
.adArea1 {
	width:300px;
	text-align:center;
	vertical-align:middle;
}


.adArea2{
	margin:10px auto 20px;
	text-align:center;
	width:860px;
	}


#username{
	width:860px;
	padding:10px 0px;
	text-align:left;
	vertical-align:middle;
	font-size:12px;
	letter-spacing:0.1em;
	line-height:1.5em;
}



/*-----------------------------
	Global Navigation
-------------------------------*/

/* 列構成 */

#gNavi {
	position:relative;
	width: 860px;
	margin: 0;
	padding: 0;
	/* for MacIE5.x \*/
		overflow: hidden;
	text-align: center;
}
		
/* tag */
#gNavi a{
		font-size:16px; 
		text-align: center;
		font-family: osaka,MS Pゴシック,Arial, Helvetica, sans-serif;
		font-weight: bold;
		display:block;	
 	  	text-decoration: none;
		float: left;
	}

a.tag0:link, a.tag0:visited, a.tag0:hover, a.tag0:active { color:#FFF;}

a.tag1:link, a.tag1:visited{ color:#666;}
a.tag1:hover, a.tag1:active{ color:#FFF;}
		
div.tag_R { padding:9px 1.2em; clear:both; cursor:pointer;}

a.tag0 div.tag_L { background:url('../img/tag1_l_on.png') no-repeat center left;}
a.tag0 div.tag_R { background:url('../img/tag1_r_on.png') no-repeat center right;}
 
a.tag1:link div.tag_L, a.tag1:visited div.tag_L { background:url('../img/tag1_l_off.png') no-repeat center left;}
a.tag1:link div.tag_R, a.tag1:visited div.tag_R { background:url('../img/tag1_r_off.png') no-repeat center right;}
a.tag1:hover div.tag_L, a.tag1:active div.tag_L { background:url('../img/tag1_l_hov.png') no-repeat center left;}
a.tag1:hover div.tag_R, a.tag1:active div.tag_R { background:url('../img/tag1_r_hov.png') no-repeat center right;}

/*-----------------------------
	ToolBar
-------------------------------*/

/* 列構成 */

#toolbar {
	position:relative;
	width: 860px;
	margin: 0;
	padding-bottom: 10px;
	/* for MacIE5.x \*/
		overflow: hidden;

}
		
/* tool */
#toolbar a{
		font-size:12px; 
		text-align: center;
		font-family: osaka,MS Pゴシック,Arial, Helvetica, sans-serif;
		font-weight: bold;
		display:block;	
 	  	text-decoration: underline;
		float: right;
	}

a.tool:link, a.tool:visited { color:#FFF;}

a.tool:hover, a.tool:active { color:#33CC99;}

		
div.tool_R { padding:10px 1.2em; clear:both; cursor:pointer;}

a.tool div.tool_L { background:url('../img/tool1_l.gif') no-repeat center left;}
a.tool div.tool_R { background:url('../img/tool1_r.gif') no-repeat center right;}
 
/*-----------------------------
	submit　btn
-------------------------------*/
.flk_btn, .flk_btn_r{
	position:relative;
	margin: 0;
	/* for MacIE5.x \*/
		overflow: hidden;

}

.flk_btn a, .flk_btn_r a{
		font-size:12px; 
		text-align: center;
		font-family: osaka,MS Pゴシック,Arial, Helvetica, sans-serif;
		font-weight: bold;
		display:block;	
 	  	text-decoration: none;
	}
.flk_btn a{	float: left;}
.flk_btn_r a{float: right;}

a.flk_btn1:link, a.flk_btn1:visited { color:#fff;}
a.flk_btn0:link, a.flk_btn0:visited { color:#666;}
a.flk_btn1:hover, a.flk_btn1:active{ color:#ccffff;}
a.flk_btn0:hover, a.flk_btn0:active{ color:#999;}

div.flk_btn_R { padding:6px 1.5em; clear:both; cursor:pointer;}

a.flk_btn1 div.flk_btn_L { background:url('../img/btn00_l.gif') no-repeat center left;}
a.flk_btn1 div.flk_btn_R { background:url('../img/btn00_r.gif') no-repeat center right;}
a.flk_btn0 div.flk_btn_L { background:url('../img/btn01_l.gif') no-repeat center left;}
a.flk_btn0 div.flk_btn_R { background:url('../img/btn01_r.gif') no-repeat center right;}
.btn_back{ text-align:right; padding-right:30px;}
.btn_next{ text-align:left; padding-left:30px;}

/*-----------------------------
	adArea
-------------------------------*/

.ad300{ margin:5px 0px; text-align:center;}
.ad500{ width:100%;margin:25px 0px; text-align:center;}


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

#main_txt{ margin-bottom:20px;padding-bottom:40px; border-bottom:dotted #ccc 1px;}

.mainCtn_ttl, .mainCtn_ttl0, .mainCtn_ttl2{margin:0px 0px 10px;width:550px;height:27px;padding-bottom:8px;
	_padding-bottom:0;
}


	
.mainCtn_ttl{background:url('../img/main_title.gif') no-repeat center left;}	
.mainCtn_ttl0{background:url('../img/main_title_fix.gif') no-repeat center left;}
.mainCtn_ttl2{background:url('../img/main_title2.gif') no-repeat center left;}
.mainCtn_ttl h1, .mainCtn_ttl0 h1{height:27px; line-height:100%; padding:10px 0 0 40px;font-size:14px; font-weight:bold; color:#fff;}	
.mainCtn_ttl2 h1{height:27px; line-height:100%; padding:10px 0 0 40px;font-size:14px; font-weight:bold; color:#003399;}	

.mainA{ margin:15px 0px; width:530px; border-bottom:dotted 1px #ccc; text-align:center;}
.mainA table { width:530px; border:0; text-align:left; padding:0px 3px}
.main_thumb{ width:410px; margin-top:10px;overflow:hidden;}

.main_link{ background:url('../img/yubi.gif') no-repeat center left;width:550px; border:none; text-align:left; padding:0px 3px;}
.main_link h1{height:21px; line-height:100%; padding:6px 0 0 32px;font-size:14px; font-weight: bold; }	


.mainA td{background-repeat:no-repeat;background-position:0 90%;}
.rank_namber{
	width:60px;
	font-size:75px;
	line-height:100%;
	color:#CCCC00;
	font-weight:bold;
	text-align:center;
	padding:2px 0px 10px 0px;
}
.main_thumb_ranking{ width:350px; margin:12px 0px;overflow:hidden;}


.list-area {
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.arrow-b-m {
	background:url('../img/yubi.gif') no-repeat;
	padding: 0.3em 35px 0px;
	height:25px;
	line-height:100%;
	font-size:14px;
	font-weight: bold;

}
.arrow-b-s {
	background:url('../img/yubi_s.gif') no-repeat ;
	padding: 0.3em 25px 0px;
	height:18px; line-height:100%; font-size:10px; font-weight: bold; 

}
.tag_area0{ margin:5px; padding:5px; background-color:#f5f5f5; border:#ccc solid 1px; text-align:left; font-size:10px;}
.Thumbnail{margin: 0px 6px 4px 0px; border:solid #ccc 1px;}




/*-----------------------------
	secondary contents
-------------------------------*/
.Info_title{
	margin-top:7px;
	font-size:12px; font-weight:bold;
	line-height:100%;
	background:#eceeef;border:solid #ccc;border-width:1px 1px 0px 1px; 
	color:#333;
	padding:5px 10px;
}
.Info_title_b{
	background:url('../img/sec_t_1.png') no-repeat center left;
	margin-top:7px; padding:7px 10px;
	font-size:12px; font-weight:bold;
	line-height:100%;
	border:none;
	color:#fff;
	
}
.Info_title_c{
	margin-top:7px; padding:7px 35px;
	font-size:12px; font-weight:bold;
	line-height:100%;
	border:none;
	color:#fff;
	
}
.Info, .prInfo{
	margin-top:0px; padding:3px; border:solid 1px #ccc;
}


.prInfo div{
	padding-top:5px;
}

.prInfo h5{
	font-size:14px; padding:0; margin:5px 0 10px 0;}

.prInfo .prInfo-ttl{
	float:left;
	padding-right:5px;
}


.mainB{ margin-bottom:5px; width:292px; border-bottom:dotted 1px #ccc; text-align:left;}
.mainB table{ width:292px; border:0; text-align:left; padding:0;}
.mainB_thumb{ width:199px; margin:5px 0px;overflow:hidden;}


div.ranking_s{ width:280px; border:0; text-align:left; padding:0px 5px;font-size:35px; line-height:100%;color:#CCCC00; font-weight:bold;background-repeat:no-repeat;background-position: center right;}
span.ranking_s_pts{font-size:14px; color:#333; padding-left:20px; font-weight:bold;}
 

div.rightnews2 {
	border:1px solid #CCCCCC;
	padding:5px;
}

div.rightnews2 table{
	width:100%;
}
div.rightnews2 table td{
	vertical-align:top;
}
div.rightnews2 table td.bnr{
	padding-right:5px;
}
div.rightnews2 div{
	border-bottom:1px dotted #CCCCCC;
	padding:5px 0 5px 0;
}
div.rightnews2 div.top{
	padding:0 0 5px 0;
}
div.rightnews2 div.end{
	border-bottom:none;
}


/*-----------------------------
	footer
-------------------------------*/

.adArea3, .footerctn{
	margin:30px auto 20px;
	text-align:center;
	}

/*-----------------------------
	記事
-------------------------------*/

#kiji_ttl{margin:5px 0 20px; line-height:2.5em;}
#kiji_txt{ margin-bottom:20px;padding-bottom:40px;border-bottom:dotted #ccc 1px;}

.pic_c{margin:5px 0px; width:550px; text-align:center; float:none;}
.pic_m_r{margin:5px 20px; width:300px; float:right;}
.pic_m_l{margin:5px 20px; width:300px; float:left;}

.pic_s_r{margin:5px 20px; width:150px; float:right;}
.pic_s_l{margin:5px 20px; width:150px; float:left;}


/*-----------------------------
	タグクラウド
-------------------------------*/
#tagarea{position:relative;
	width:100%;
	margin: 0;
	padding: 0;
	/* for MacIE5.x \*/
		overflow: hidden;
	text-align: left;
}
#tagarea a{
		word-break: keep-all;
		padding-right:3px; 
		font-size:12px; 
		text-align: left;
		line-height:120%;
		font-family: osaka,MS Pゴシック,Arial, Helvetica, sans-serif;
		display:inline;
	}

	
.dialog {
 width:100%;
 margin:5px 0 20px;
 min-width:20em;
 max-width:550px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#666;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:14px; /* ensure minimum height */
 height:11px; font-weight:bold;color:#666; padding:0 18px; background-color:#f5f5f5;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../img/tl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../img/tr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../img/ml.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../img/mr.gif) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 2px 0px 2px;
 background:#f5f5f5 url(../img/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(../img/bl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../img/br.gif) no-repeat right 0px;
 margin-right:-14px;
}

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

.dialog2 {
 width:550px;
 margin:2px 0 10px;
 color:#fff;
 font-size:16px;
}

.dialog2 .hd .c,
.dialog2 .ft .c {
 font-size:1px; /* ensure minimum height */
 height:13px;
}

.dialog2 .ft .c {
 height:14px;
}

.dialog2 .hd {
 background:transparent url(../img/tl2.gif) no-repeat 0px 0px;
}

.dialog2 .hd .c {
 background:transparent url(../img/tr2.gif) no-repeat right 0px;
}

.dialog2 .bd {
 background:transparent url(../img/ml2.gif) repeat-y 0px 0px;
}

.dialog2 .bd .c {
 background:transparent url(../img/mr2.gif) repeat-y right 0px;
}

.dialog2 .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#093775 url(../img/ms2.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog2 .ft {
 background:transparent url(../img/bl2.gif) no-repeat 0px 0px;
}

.dialog2 .ft .c {
 background:transparent url(../img/br2.gif) no-repeat right 0px;
}

.login {margin:0; width:500px; text-align:center;}
.login h1 {
	font-size:24px;
	color:#fff;
	padding-bottom:10px;
}
.login p{
	font-size:12px;
	color:#fff;

}
.login input .input-text{
	border:1px solid #ccc;
	color:#fff;
	width:350px;
}

.login label{
	display:block;
	margin-bottom:10px;
	color:#fff;
}

.login label span{
	display:block;
	float:left;
	padding-right:5px;
	font-size:14px;
	color:#fff;
}
.login_input{font-size:20px; border:solid 1px #999; padding:1px;background:#fff; color:#333;}

/*-----------------------------
   	コメント欄	
-------------------------------*/

.cmt{width:550px; padding:0px;}
#comments ol{list-style:decimal;}
#comments li{font-size:20px; font-weight:bold; color:#ccc; line-height:100%; background-color:#f5f5f5; padding:0px 10px 20px; margin-bottom:10px;}
#comments li p{font-size:14px; font-weight:normal; color:#333; line-height:1.5em; margin-bottom:2px;}
.cmt_name{ font-size:16px;font-weight:bold; margin-bottom:7px; }

.htkt{ width:280px; margin:10px auto; border-bottom:dashed #ccc 1px;}
.htkt_data{font-size:10px; color:#666; text-align:right;}

/*-----------------------------
   	フォーム0
-------------------------------*/


#input_main{
	margin:20px auto; 
	width:550px;
	}

div.box{
	border:solid 1px #c6cfe1;
	background:#f5f5f5;
	padding:10px;
	color:#333;
	margin-bottom:5px;
	width:100%;
}
div.box h1 {
	font-size:14px;
	color:#003399;
	padding-bottom:20px;
}
div.box p{padding-bottom:14px;}

.cmt_textarea{	
    color:#333;
	width:520px; height:150px;
	font-size:14px;
	line-height:1.5em; 
	}
div.box .input-text{
	color:#666;
	width:260px;
	
}
div.box label{
	display:block;
	margin-bottom:10px;
	color:#555;
}

div.box label span{
	display:block;
	float:left;
	padding-right:5px;
	font-size:14px;
	color:#333;
}
.spacer{margin-left:200px; 
	margin-bottom:10px;
	font-size:11px;
	color:#555;
}


/* search_pagelink.tpl */

#search_ttl{ margin:5px 0;background-color:#f5f5f5;border:#ccc solid 1px;width:528px;text-align:center;padding:10px;
}
.pagelink{ margin-bottom:40px;}
span.pagelink_on { background:#003399; color:#FFF; border:solid 1px #999;}
span.pagelink_on, a.pagelink_off { margin:0 2px; padding:2px 4px;}
a.pagelink_off:link, a.pagelink_off:visited { background:#EEE; color:#666; border:solid 1px #666; text-decoration:none;}
a.pagelink_off:hover, a.pagelink_off:active { background:#FFE; color:#F90; border:solid 1px #F90; text-decoration:none;}




/*ハック----------------------------------------------------*/
.cfix:after{/*フロート解除用clearfix　解除したい要素の親に適用*/
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .cfix{/*IE用clearfix*/
	height:1%;
}

*:first-child+html .cfix{/*IE7用clearfix*/
	min-height:1%;
}

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