@charset "utf-8";

/*
	Site Name: R18navi
	Description: 初期スタイル設定
	LASTUPDATE: 2010.7.27
	Author: Sho-JAPAAN
*/



/* 
*	[1]ブラウザ初期化設定
*	[2]基本設定
*	[3]リスト設定
*	[4]編集設定
*	[5]フォーム設定
*	[6]テーブル設定
*	[7]画像設定
*	[8]区切り[hr]設定
*/


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

　　[1]ブラウザ初期化設定

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

body { margin:0; padding:0; color: #222;}
html { overflow-y: scroll;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,iframe { margin: 0; padding: 0;}
address,caption.cite,code,dfn,em,th,var { font-style: normal; font-weight: normal;}
ul { list-style: none;}
ul li { list-style: none;}

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

　　[2]基本設定

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

a:link { color: #ffa4c1; text-decoration: none;}
a:visited { color: #ffa4c1; text-decoration: none;}
a:hover { color: #a4e0ff; text-decoration: none;}
a:active { color: #a4e0ff; text-decoration: none;}

body {
	color: #FFF;
	background: #222 url(http://www.r18navi.com/img/Local/common/bk_body.jpg) repeat-y center top;	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","sans-selif";
}
.verdana { font-family: "Verdana"; }

h1 { margin-right: 10px; float: left; font-weight: normal; font-size: 10px;}
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active { color: #999;}
h2 { font-size: 17px;}
h3 { font-size: 15px;}
h4 { font-size: 13px;}
h5 { font-size: 12px;}
h6 { font-size: 12px;}
p  { line-height: 1.5; font-size: 12px;}

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

　　[3]リスト設定

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

/*ul,
ol,
dl {
	list-style-position: inside;
}*/


li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}/*リストの入れ子をする際にフォントサイズが小さくならないように*/

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

　　[4]編集設定

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

del {
	color: #999;
	text-decoration: line-through;
}

del[datetime]::before {
	content: " ( "attr(datetime)"\00524a\009664) ";
}/*IE未対応　\00524a\009664　はsafariで文字化けするので16進数のhtml数値にしている「削除」の意味*/

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]::before {
	content: " ( "attr(datetime)"\004fee\006b63) ";
}/*IE未対応　\004fee\006b63　はsafariで文字化けするので16進数のhtml数値にしている「修正」の意味*/

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

　　[5]フォーム設定

---------------------------------------*/
input[type=text],
input[type=password],
textarea {
	padding: 2px 5px;
	border:  solid 1px #666;
	color: #222;
	vertical-align: middle;
	font-size: 12px;
	line-height: 1.4;
}
input[type=text]:hover,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
textarea:hover,
textarea:focus {
	border:  solid 1px #ffa4c1;
}
textarea,
textarea:hover,
textarea:focus {
	line-height: 1.5;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","sans-selif";
	overflow-x: hidden;
	overflow-y: scroll;
}
select {
	border: solid 1px #666;
	color: #222;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","sans-selif";
	font-size: 12px;
}
select:hover,
select:focus {
	border:  solid 1px #ffa4c1;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka","sans-selif";
	font-size: 12px;
}
input[type=radio],
input[type=checkbox],
input[type=button],
label {
	padding-right: 4px;
	vertical-align: middle;
	cursor: pointer;
}
/*以下ボタンクリック時の点線削除*/
input[type=submit]{
	outline:none;
}
input[type="submit"]::-moz-focus-inner{
    border :0px;
}

/*css3デザイン*/
input[type=text],
input[type=password],
textarea,
select,
select:hover,
select:focus {
    background: #fff;
    border-radius: 4px;
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#ddd),
        to(#fff)
        );
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 1px 1px 1px #222;
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #ddd,
        #fff
        );
    -moz-border-radius: 4px;
    -moz-box-shadow: 1px 1px 1px #222;
    /* IE 
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffdddddd,endColorstr=#ffffffff);
    zoom: 1;IEはグラデーションと角丸が共存できないため*/
}
select,
select:hover,
select:focus {
    padding: 2px; 
}
select:focus {
   background: #f6f6f6;
}
/*--------------------------------------

	[6]テーブル設定
	
---------------------------------------*/

table {
	border-collapse: collapse;
}

th,
td {
}

th {
}

td {
}

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

	[7]画像設定
	
---------------------------------------*/

img { 
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

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

	[8]区切り設定
	
---------------------------------------*/

hr {
    margin-bottom: 10px;
    padding-top: 10px;
    border: none;
    border-bottom: 2px dotted #666;
    clear: both;
    height: 2px;
}

hr.divider {
	display: none;
}

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

	[9]clearfix
	
---------------------------------------*/
.cl {
	clear: both;
}
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}