@charset "utf-8";

/* *****************************************************
 *	last update 2014-06-11
 *	css_index
 *	Copyright (c) 2006-, REDLINE MAGAZINE. All rights reserved.
 *  1.Reset
 *  2.layout parts
 *  3.sitelogo parts
 *  4.navigation parts
 *  5.main parts
 *  6.more parts
 *  7.text
 *  8.index parts
 *  9.archive parts 
 * *****************************************************/
 
/* *****************************************************
 *	1.Reset
 * *****************************************************/

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	}

th, td, form, fieldset{
	margin:0;
	padding:0;
	}
th,td{
	vertical-align:top;
	text-align:left;
	}
caption{
	display:none;
	}

fieldset{
	border:none;
	}
input,textarea{
  font-size:1.3em;
	}

ul,dl{
	list-style:none;
	}

img{
	border:0;
	vertical-align:bottom;
	}


/* *****************************************************
 *	2.layout parts
 * *****************************************************/

body{
	position:relative;
	background: url(/prx/000/http/redline.hippy.jp/images/temp/body_bg.jpg) repeat-x #fff;
	font-size:62.5%;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	}

#container{
	width:1019px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/container_bg.jpg) repeat-y;
	padding:0px 0px 55px 0px;
	}

#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#container {display: inline-table;}

/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container {display: block;}
/* End hide from IE-mac */
	

#leftbox{
	float:left;
	}
#sitelogo{
	width:459px;
	height:313px;
	background: url(/prx/000/http/redline.hippy.jp/images/temp/sitelogo_bg.jpg) no-repeat;
	}

#naviskip{
	position:absolute;
	top:313px;
	left:0px;
	width:459px;
	height:461px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/naviskip_bg.gif) no-repeat;
	text-indent:-9999px;
	z-index:4;
	}
	
#navi{
	width:459px;
	padding:57px 0px 0px 0px;
	}



#main{
	float:right;
	width:560px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/main_top_bg.jpg) no-repeat;
	}



#more{
	width:100%;
	height:60px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/more_bg.gif) repeat-x bottom left;
	margin:-46px 0px 0px;
	}
		
#moreinfo{
	width:100%;
	height:300px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/moreinfo_bg.gif) no-repeat 440px 110px #09719c;
	margin: 0 auto;
	text-align:left;
	}

#footer{
	width:100%;
	height:70px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/footer_bg.jpg) repeat-x;
	}	
	
	
/* *****************************************************
 *	3.sitelogo parts
 * *****************************************************/
 

#sitelogo a{
	width:330px;
	height:63px;
	position:absolute;
	top:213px;
	left:101px;
	text-decoration:none;
	}
#sitelogo a img{
	position:absolute;
	top:0px;
	left:0px;
	}	

/* *****************************************************
 *	4.navigation parts
 * *****************************************************/

#navi a{
	color:#09668e;
	text-decoration:none;
	}
#navi a:hover{
	color:#09668e;
	text-decoration:underline;
	}
		
#recent{
	position:relative;
	width:144px;
	height:36px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/tit_rec_entry.gif) no-repeat;
	text-indent:-9999px;
	margin:0px 0px 0px 17px;
	z-index:5;
	}
#category{
	position:relative;
	width:190px;
	height:36px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/tit_cate_arc.gif) no-repeat;
	text-indent:-9999px;
	margin:15px 0px 0px 17px;
	z-index:5;
	}
		
.navibox{
	width:410px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/navibox_bg.jpg) no-repeat left bottom;
	border:1px solid #cee3eb;
	padding:10px;
	margin:-4px 0px 0px 15px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}	
.navibox h3,.navibox ul.reclist,.navibox ul.catelist{
	position:relative;
	z-index:6;
	}
		
.navibox ul.reclist li,.navibox h3{
	font-size:1.4em;
	line-height:1.6;
	font-weight:bold;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/icon_01.gif) no-repeat 0 4px;
	padding:0px 0px 0px 20px;
	}

.navibox ul.catelist{
	margin:0px 0px 10px 20px;
	}
.navibox ul.catelist li{
	font-size:1.3em;
	line-height:1.6;
	display:inline;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/icon_02.gif) no-repeat right center;
	padding:0px 12px 0px 0px;
	letter-spacing:1px;
	margin:0px 12px 0px 0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	}	
#navi>.navibox ul.catelist li{
	margin:0px 5px 0px 0px;
	}
*:first-child+html #navi .navibox ul.catelist li {
	margin:0px 12px 0px 0px;
	}
.navibox ul.catelist li.end{background:none;}
		
#leftbox .allentry a{
	display:block;
	width:158px;
	height:30px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/m_allentry.gif) no-repeat left top;
	text-indent:-9999px;
	margin:10px 0px 10px 290px;
	text-decoration:none;
	}
#leftbox .allentry a:hover{background-position:left bottom;}

.blogparts{
	width:410px;
	margin:0px 0px 20px 15px;
	}
.blogparts2{
	width:336px;
	text-align:center;
	padding:0px 0px 0px 43px;
	margin:0px 0px 20px 15px;
	}
.blogparts3{
	width:468px;
	text-align:center;
	padding:20px 0;
	margin:0 0 0 42px;
	}	


/* *****************************************************
 *	5.main parts
 * *****************************************************/

#searchbox{
	position:relative;
	height:50px;
	text-align:right;
	margin:-10px 34px -6px 0px;
	}

/*html:first-child #searchbox{
	margin:-10px 34px 0px 0px;
	}*/
#searchbox input.text{
	position:absolute;
	top:12px;
	left:300px;
	width:197px;
	height:43px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/search_bg2.gif) no-repeat;
	line-height:1;
	border:none;
	padding:13px 6px 0px 8px;
	}
	
html:not(:target) #searchbox input.text{
	padding:0 6px 13px 8px;
	}
	
/*html:first-child #searchbox input.text{
	padding:0px 6px 0px 8px;
	}*/

#searchbox input.text:hover,#searchbox input.text:focus{
	background:url(/prx/000/http/redline.hippy.jp/images/temp/search_bg_o2.gif) no-repeat;
	outline: none;
	}
	
#searchbox input.searchbtn{
	position:absolute;
	top:15px;
	left:490px;
	width:43px;
	height:43px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/icon_search.gif) 0px -3px no-repeat;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
	}
html:first-child #searchbox input.searchbtn{
	content: "";
	}
	



			
.entry_contents{
	width:480px;
	background:#fdfdfd url(/prx/000/http/redline.hippy.jp/images/temp/entry_bg.jpg) no-repeat left bottom;
	padding:20px 10px;
	margin:14px 0px 15px 26px;
	}

.entry_contents h2.tit_enrty{
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		color:#895445;
		font-size:2em;
		font-weight:bold;
		line-height:2;
		text-shadow:1px 1px 1px #ccc;
		border-left:6px solid #09719c;
		padding:0px 0px 0px 10px;
		margin:0px 0px 17px 0px;
		}
		
.entry_contents h2.tit_enrty a{
	color:#895445;
	text-decoration:none;
	}
.entry_contents h2.tit_enrty a:hover{
	color:#895445;
	text-decoration:underline;
	}		

.entry_contents h3.tit_h3{
		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
		color:#895445;
		font-size:1.6em;
		font-weight:bold;
		line-height:1.6;
		text-shadow:1px 1px 1px #ccc;
		border-left:6px solid #db0000;
		padding:0px 0px 0px 10px;
		margin:12px 0px 10px 0px;
		}
.entry_contents h4{
	background:url(/prx/000/http/redline.hippy.jp/images/temp/icon_04.png) no-repeat left center;
	color:#895445;
	font-size:1.5em;
	border-top:1px dashed #895445;
	border-bottom:1px dashed #895445;
	padding:8px 0 8px 19px;
	margin:10px 0 8px;
	}	
		
.entry_contents p,.entry_contents p.entry-footer{
	width:478px;
	color:#422922;
	font-size:1.4em;
	line-height:1.5;
	margin:0px 0px 15px 2px;
	}
.entry_contents p.entry-footer{
	text-align:right;
	font-size:1.2em;
	margin:20px 0px 0px 2px;
	}	
	
.entry_contents pre{
	width:460px;
	height:160px;
	background:#f9f9f9;
	font-size:1.5em;
	line-height:1.3;
	border:3px solid #e9e4e4;
	padding:5px;
	margin:0px 0px 10px 2px;
	overflow:auto;
	}
.entry_contents pre.short{
	width:460px;
	height:auto;
	background:#f9f9f9;
	font-size:1.5em;
	line-height:1.4;
	border:3px solid #e9e4e4;
	padding:3px 5px 3px 5px;
	margin:0px 0px 10px 2px;
	overflow:auto;
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: pre-wrap;      /* CSS3 */
	}	
blockquote,blockquote.txtquote{
	width:460px;
	background:#f9f9f9;
	font-size:1.4em;
	line-height:1.3;
	border:3px solid #e9e4e4;
	padding:5px 5px 5px 5px;
	margin:0px 0px 10px 2px;
	}
.entry_contents blockquote p{
	width:450px;
	margin:0 0 0 2px !important;
	}	
blockquote.txtquote{
	font-size:1em;
	}

.entry_contents a:hover{
	text-shadow:1px 1px 1px #9aacca;
	}

ul.entrylist01,
ol.entrylist02,
dl.entrylist03{
	margin:0 0 15px 0;
	}
	
ul.entrylist01 li{
	font-size:1.4em;
	line-height:1.3;
	color:#422922;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/icon_03.gif) no-repeat 0 2px;
	padding:0 0 0 19px;
	}
ol.entrylist02 li{
	font-size:1.4em;
	line-height:1.6;
	color:#422922;
	list-style-position:inside;
	border-bottom:1px dashed #ccc;
	padding-left:1em;
	text-indent:-1em;
	}	

ul.entrylist01 li a,.previousnext a{
	color:#075272;
	text-decoration:none;
	}
ul.entrylist01 li a:hover,.previousnext a:hover{
	color:#075272;
	text-decoration:underline;
	}
	
dl.entrylist03 dt{
	font-size:1.4em;
	line-height:1.6;
	color:#422922;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/icon_03.gif) no-repeat 0 2px;
	font-weight:bold;
	padding:0 0 0 19px;
	}
dl.entrylist03 dd{
	font-size:1.4em;
	line-height:1.6;
	color:#422922;
	padding:0 0 0.5em 1.2em;
	}

strong.keyword{
	background:#fff8f4;
	border:1px solid #895445;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	box-shadow:1px 1px 1px #ccc;
	-moz-box-shadow:1px 1px 1px #ccc;
 	-webkit-box-shadow:1px 1px 1px #ccc;
	padding:1px 4px;
	margin:0 2px;
	}
strong.keyword a{
	color:#422922;
	text-decoration:none;
	}
strong.keyword a:hover{
	text-shadow:1px 1px 1px #9c9c9c;
	}
strong.keyword a:active{
	position:relative;
 	top:1px;
	}



			
.trackbacks{
	width:500px;
	margin:14px 0px 15px 26px;
	}	
.trackbacks h4{
	width:127px;
	height:30px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/ent_track.gif) no-repeat;
	text-indent:-9999px;
	margin:8px 0px 6px 0px;
	}
#trackbacks-info{
	width:500px;
	height:62px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/trackbacks_bg.jpg) no-repeat;
	}
.trackbacks p{
	width:478px;
	color:#422922;
	font-size:14px;
	line-height:1.5;
	padding:12px 0px 0px 15px;
	margin:0px 0px 10px 2px;
	}
#comments{
	width:500px;
	margin:20px 0px 15px 26px;
	font-size:1.2em;
	}
	
.comments h4{
	width:124px;
	height:30px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/ent_comment.gif) no-repeat;
	text-indent:-9999px;
	margin:8px 0px 6px 0px;
	}
		
#comments input,#comments textarea{
	background:#fff;
	}
#comments input:focus,#comments textarea:focus{
	background:#eaf2ff;
	}
	
#comments-open-data input{
	margin:0px 0px 8px 0px;
	}	


.comment{
	color:#422922;
	line-height:1.5;
	border:2px #eaeaea solid;
	background:#fff;
	padding:7px;
	margin-bottom:15px;
	}	
			


.allcate a{
	display:block;
	width:158px;
	height:30px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/m_allcate.gif) no-repeat left top;
	width:158px;
	height:30px;
	text-indent:-9999px;
	margin:-47px 0px 10px 320px;
	text-decoration:none;
	}

.allcate a:hover{background-position:left bottom;}
	
.pagetop a{
	display:block;
	width:78px;
	height:15px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/m_pagetop.gif) no-repeat;
	text-indent:-9999px;
	text-decoration:none;
	margin:10px 0px 10px 460px;
	}
	
.entry_contents hr{
	border:dashed 1px #999;
	margin:20px 0;
	}
	

	
/* *****************************************************
 *	6.more parts
 * *****************************************************/

#more h3{
	display:block;
	width:152px;
	height:45px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/tit_more.gif) no-repeat;
	margin:0px 0px 0px 14px;
	text-decoration:none;
	text-indent:-9999px;
	}

.CollapsiblePanelTab {
	margin:0px;
	cursor:pointer;
	height:45px;
	}
.bottom_box01,.bottom_box02,.bottom_box03{
	float:left;
	width:250px;
	height:265px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/bottom_bg01.jpg) no-repeat left bottom #09719c;
	padding:20px 0px 0px 8px;
	margin:0px 0px 0px 20px;
	overflow:auto;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}	
.bottom_box02{background:none;width:350px;}
.bottom_box03{
	color:#fff;
	background:none;
	font-size:1.2em;
	}
.bottom_box03 a{
	color:#fff;
	}
.bottom_box03 input.text_form{
	width:150px;
	font-size:1em;
	}
.bottom_box03 dt{
	clear:left;
	float:left;
	width:40px;
	}
.bottom_box03 textarea.textarea_form{
	width:195px;
	font-size:1em;
	}
.bottom_box03 dt.mess{
	clear:left;
	float:none;
	}		
.bottom_box03 .submit{
	font-size:1em;
	}
.bottom_box03 .contact_submit{
	text-align:center;
	margin:6px auto 0;
	}
			
h4#tit_btm_comment{
	width:192px;
	height:29px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/tit_bottom_comment.gif) no-repeat;
	text-indent:-9999px;
	margin:0px 0px 8px 0px;
	}
h5.btm_h_comment{
	color:#fff;
	font-size:1.2em;
	line-height:1.8;
	margin:6px 0px 8px 10px;
	}
ul.btm_comment li{
	color:#fff;
	font-size:1.2em;
	line-height:1.4;
	margin:0px 0px 8px 12px;
	}	
	
h4#tit_btm_entry{
	width:192px;
	height:29px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/tit_bottom_entry.gif) no-repeat;
	text-indent:-9999px;
	margin:0px 0px 8px 0px;
	}	
ul.btm_entry li{
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/icon_01.gif) no-repeat left center;
	padding:0px 0px 0px 19px;
	margin:0px 0px 8px 5px;
	}
h4#tit_btm_mess{
	width:192px;
	height:36px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/tit_bottom_mess.gif) no-repeat;
	text-indent:-9999px;
	margin:0px 0px 8px 0px;
	}

.bottom_box01 a,.bottom_box02 a{
	color:#fff;
	text-decoration:none;
	}
.bottom_box01 a:hover,.bottom_box02 a:hover{
	color:#fff;
	text-decoration:underline;
	}

ul.validation{
	padding:20px 0px 0px 25px;
	}
ul.validation li{
	display: inline;
	} 		
#rss2 a{
	display:block;
	width:148px;
	height:18px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/m_rss2.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	margin:-18px 0px 0px 220px;
	}
#rss2 a:hover{
	background-position:left bottom;
	}

#copy{
	width:280px;
	height:15px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/copyright.gif) no-repeat;
	text-indent:-9999px;
	margin:-25px 0px 0px 720px;
	}
		
/* *****************************************************
 *	7.text
 * *****************************************************/


ins{text-decoration:none;}
.note01{
	padding-left:1em;
	text-indent:-1em;
	}
.entry_contents .note02{
	width:460px;
	background:#f9f9f9;
	font-size:1.4em;
	line-height:1.3;
	border:3px solid #e9e4e4;
	padding:5px;
	margin:0px 0px 10px 2px;
	}	
.entry_contents .entry_box01,.entry_contents .entry_box03{
	float:left;
	width:220px;
	background:#eee;
	padding:6px;
	}
.entry_contents .entry_box02,.entry_contents .entry_box04{
	float:right;
	width:220px;
	background:#eee;
	padding:6px;
	}
.entry_contents .entry_box03,.entry_contents .entry_box04{background:none;}	
.clear{
	clear:both;
	}		
.none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;
	}

.entry_contents .entry_table01{
	width:475px;
	border-collapse: collapse; 
	border: 1px #ccc solid;
	border-spacing:0;
	font-size:1.2em;
	margin:0 0 10px 0;
	}
.entry_contents .entry_table01 th,td.nullcell{
	background:url(/prx/000/http/redline.hippy.jp/images/temp/cell_bg01.gif);
	padding:4px 3px 3px;
	border: 1px #ccc solid;
	}	
.entry_contents .entry_table01 th.keyword{
	color:#422922;
	background:#fff;
	font-weight:bold;
	padding:3px;
	border: 1px #ccc solid;
	}	
.entry_contents .entry_table01 td{
	padding:3px;
	border: 1px #ccc solid;
	}
td.supported{
	background:#c4ffc4;
	text-align:center;
	}
td.unsupported{
	background:#ffbbbb;
	text-align:center;
	}
td.buggy{
	background:#ffbb8e;
	text-align:center;
	}
th.cellcenter,td.cellcenter{
	text-align:center;
	}
.previousnext{
	color:#422922;
	font-size:1.2em;
	line-height:1.4;
	text-align:center;
	}	


/* *****************************************************
 *	8.index parts
 * *****************************************************/	

.entry_contents h3.tit_lab,.entry_contents h3.tit_review,
.entry_contents h3.tit_green,.entry_contents h3.tit_special,
.entry_contents h3.tit_newblog{
	width:280px;
	height:41px;
	text-indent:-9999px;
	margin:0px 0px 15px 0px;
	}
.entry_contents h3.tit_lab{background:url(/prx/000/http/redline.hippy.jp/images/temp/index_tit_01.gif) no-repeat left top;}
.entry_contents h3.tit_review{background:url(/prx/000/http/redline.hippy.jp/images/temp/index_tit_02.gif) no-repeat left top;}
.entry_contents h3.tit_green{background:url(/prx/000/http/redline.hippy.jp/images/temp/index_tit_03.gif) no-repeat left top;}
.entry_contents h3.tit_special{background:url(/prx/000/http/redline.hippy.jp/images/temp/index_tit_04.gif) no-repeat left top;}
.entry_contents h3.tit_newblog{width:439px;background:url(/prx/000/http/redline.hippy.jp/images/temp/index_tit_05.gif) no-repeat left top;}

.entry_contents ul.entrylist01 li{
	font-size:1.4em;
	margin:0px 0px 6px 30px;
	}
	
/* *****************************************************
 *	9.archive parts
 * *****************************************************/
 
.entry_contents h3.arc_tit{
	width:349px;
	height:41px;
	background:url(/prx/000/http/redline.hippy.jp/images/temp/arc_tit_01.gif) no-repeat;
	text-indent:-9999px;
	margin:0px 0px 15px 0px;
	}