@charset "utf-8";

/* =========================================================
■Reset of Default Style
========================================================= */

/*	h1, h2, h3, h4, h5, h6, p, address,	*/
/*	ul, ol, li, dl, dt, dd,	*/
/*	table, th, td, img, form,	*/

/*	h1, h2, h3, h4, h5, h6, p, address,	*/
/*	ul, ol, li, dl, dt, dd,	*/
/*	table, th, td, img {	*/
/*		*/
/*		margin: 0;	*/
/*		padding: 0;	*/
/*		border: none;	*/
/*		font-style: normal;	*/
/*		font-size: 100%;	*/
/*		text-align: left;	*/
/*	}	*/
/*	textarea { font-size: 100%; }	*/
/*	img { vertical-align: bottom; }	*/

h1{font-size:14pt;}
h2{font-size:13pt;}
h3{font-size:12pt;}
h4{font-size:11pt;}
h5{font-size:10pt;}
h6{font-size: 9pt;}

.midashi_h1{
	width:95%;
	padding: 3px;

	background: #e0e0e0 url(./img/head1.gif) repeat-x top; 
	border-bottom: 2px #6666FF solid;
	border-top   :1px solid #999999;
	border-right :1px solid #999999;
	border-left  :1px solid #999999;

	margin:5px auto 20px auto;
	}

table, th, td, img{
		margin: 0;	
		padding: 0;	
		border: none;	
		font-style: normal;	
		font-size: 100%;	
		text-align: left;	
	}

.table_border{
	margin: 5px;	
	padding: 0px;	
	border-top   :0px solid #666666;
	border-right :0px solid #666666;
	border-bottom:1px solid #666666;
	border-left  :1px solid #666666;
	}

.table_border td{
	margin: 0px;	
	padding: 2px;	
	border-top   :1px solid #666666;
	border-right :1px solid #666666;
	border-bottom:0px solid #666666;
	border-left  :0px solid #666666;
	}

.table_border th{
	font-weight:normal;
	margin: 0px;	
	padding: 2px;	
	border-top   :1px solid #666666;
	border-right :1px solid #666666;
	border-bottom:0px solid #666666;
	border-left  :0px solid #666666;
	}

.mini80{
	font-size:0.8em;
	}

/* =========================================================
■body
========================================================= */
body {
	margin: 0;
	padding: 0;
	background: url(./img/0908back.gif) ; 


/*	background: #CCCCCC;	*/
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 90%;
	text-align: center;
	line-height:1.25;
}

/* =========================================================
■container
========================================================= */
div#container {
	background-color:#FFFFFF;

	min-width: 500px;
	border:1px solid #999999;
	margin-top:5px;
	margin-left:25px;
	margin-right:25px;

}

/* =========================================================
■header
========================================================= */
div#header {
	margin: 0 0 0px;
	padding: 0px;
	background: #DDDDDD;
	border-bottom: 1px #999999 solid;
}
div#header h1 {
	margin: 0 0 0px;
	font-size: 150%;
	text-align:left;

	background-repeat: no-repeat;
	background-position: right bottom;
	background-color:#FFFFFF;
	height:100px;
/*	text-indent:-700em;	*/

}

/* =========================================================
■wrapper
========================================================= */
div#wrapper:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
div#wrapper {
	display: inline-table;
	min-width: 800px;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html div#wrapper { height: 1%; }
div#wrapper { display: block; }
/* End hide from IE-mac */



/* =========================================================
■content
========================================================= */
div#content-wrap {
	float: right;
	width: 100%;
	margin-left: -181px;
	background: #FFFFFF;
}
div#content-wrap div#content {
	margin: 0 0 0 181px;
	padding: 0em 1em 1em 1em ;
	background: #FFFFFF;
	text-align:left;
}

div#content p {
	margin: 5px 5px 5px 5px ;
}

/* =========================================================
■パンクズ
========================================================= */
div#pankuzu {
	font-size: 80%;
	text-align:left;
	border-bottom: 0px #000000 dotted;
	padding: 10px 0px 10px 0px;
}



/* =========================================================
■オリジナル
========================================================= */
.separator {
	height: 10px;
	border: none;
	border-top: 1px #000000 solid;
}





/* =========================================================
■center
========================================================= */
.center{
	text-align:center;
	}

/* =========================================================
■sidebar
========================================================= */
div#sidebar {
	float: left;
	width: 180px;
	background: #AAAAAA;
	border-right:   1px solid #AAAAAA;
	text-align:left;
}


/* テンプレート挿入 */ 

/* --- ナビゲーションバー --- */
.nav {
width: 180px; /* ナビゲーションの幅 */
font-size: 100%;
}

/* --- メニューエリア --- */
.nav .nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}
/* --- Type 0 ---- */
/* --- メニュー項目 ---  項目の背景 etc */
.type1 {
padding: 0px;
background: #ffffff url(./img/ver_menu3_back.gif) repeat-x top;
border-top: 0px #cccccc solid; 
border-bottom: 1px #cccccc solid; 
}
/* --- リンク --- */
.type1 a {
display: block;
position: relative; /* IE6用 */
padding: 11px 10px 11px 10px; /* リンクエリアのパディング（上右下左） */
background: url(./img/ver_menu3_off.gif) no-repeat 2px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.type1 a:hover {
background: #FFFFFF url(./img/ver_menu3_on.gif) no-repeat 2px; /* ポイント時の三角マーク */
color:#9900FF;
}

/* --- Type 2 ---- */
/* --- メニュー項目 ---  項目の背景 etc */
.type2{
padding: 0px;
background: #ffffff url(./img/ver_menu3_back.gif) repeat-x top; 
border-top: 0px #cccccc solid; 
border-bottom: 1px #cccccc solid; 
}
/* --- リンク --- */
.type2 a {
display: block;
position: relative; /* IE6用 */
padding: 5px 10px 5px 30px; /* リンクエリアのパディング（上右下左） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.type2 a:hover {
background: #FFFFFF;
color:#9900FF;
}



/* =========================================================
■ボックスセクション
========================================================= */
/* --- ボックス --- */
.section {
	width: 90%; /* ボックスの幅 */
	background-color: #ffffff; /* ボックスの背景色 */
	border: 1px #c0c0c0 solid; /* ボックスの枠線 */
	font-size: 80%; /* ボックスの文字サイズ */
	margin: 0px 0px 15px 0px; /* 段落のマージン（上下、左右） */
	text-align:left;
}

/* --- 見出し --- */
.section h2 {
	margin: 0; /* 見出しのマージン */
	padding: 6px 10px; /* 見出しのパディング（上下、左右） */
	background: #e0e0e0 url(./img/head1.gif) repeat-x top; /* 見出しの背景 */
	border-bottom: 2px #6666FF solid; /* 見出しの下枠線 */
	font-size: 1.0em; /* 見出しの文字サイズ */
	text-align:left;
}

/* --- 見出しリンク --- */
.section h2 a {
/* display: block; */
position: relative; /* IE6用 */
text-decoration: none; /* テキストの下線（なし） */
}


/* --- 見出しリンクポイント時の設定 --- */
.section h2 a:hover {
color:#666666;
}


/* --- ボックス内の段落 --- */
.section p {
	text-align:left;
	margin: 1em 10px; /* 段落のマージン（上下、左右） */
	font-size: 1.0em; /* 見出しの文字サイズ */
}

/* =========================================================
■ボックス内ヘッドライン
========================================================= */
/* --- ナビゲーションバー --- */
.headline {
}

/* --- メニューエリア --- */
.headline .nl {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 ---  項目の背景 etc */
.headline .nl li {
border-bottom: 0px #cccccc dotted; 
margin:0px;
}


/* --- リンク --- */
.headline .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 4px 2px 4px 12px; /* リンクエリアのパディング（上右下左） */
background: url(./img/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
margin:0px 0px 0px 10px;
text-decoration: none; /* テキストの下線（なし） */
}

/* --- リンク無し --- */
.headline .nl li .noa {
display: block;
position: relative; /* IE6用 */
padding: 4px 2px 4px 12px; /* リンクエリアのパディング（上右下左） */
background: url(./img/ver_menu3_off.gif) no-repeat 3px; /* 左側の三角マーク */
margin:0px 0px 0px 10px;
text-decoration: none; /* テキストの下線（なし） */
}


/* --- ポイント時の設定 --- */
.headline .nl li a:hover {
background: #DDDDF5 url(./img/ver_menu3_on.gif) no-repeat 3px; /* ポイント時の三角マーク */
}

/* --- リンク --- */
.nolink{
font-size:0.8em;
color:#aaaaaa;
}


/* =========================================================
■footer
========================================================= */
div#footer {
	margin: 0px;
	padding: 3px;
	background: #e0e0e0 url(http://www.yururu.com/img/0908_ft_back.jpg) repeat-x top; 
	font-size: 80%;
	border-top   :1px solid #999999;
}
div#footer p{
	margin: 0px;
	padding: 0px;
	text-align:right;
	}