﻿*{
	/*ワイルドカード。全てに適用*/
	margin:0px;
	padding:0px;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}
body.body0{
	text-align:center;
	font-family: "メイリオ","HGｺﾞｼｯｸM",sans-serif;
	height:100%;
	background-color: #ffef7a;
	background-image: url("hp-part/img/back.png");
	background-repeat: repeat-x;
	
}
div.body1{
	text-align:left;
	width:960px;
	margin-left : auto ;
	margin-right : auto ;
}
div.body2{
	width:900px;
	margin-left : 30px ;
}
div.body-white{
	position:fixed;
	width:100%;
	height:100%;
	top 0px;
	left:0px;
	background-image: url("hp-part/img/back-white.gif");
	background-repeat: repeat-y;
	background-position:center center;
	background-attachment: fixed;
	z-index:3;
}
* html div.body-white{
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+0));
/*
	_top: expression(eval(document.body.scrollTop+0));
*/
}

div.topber-base{
	width:900px;
	height:80px;
	position:relative;
	z-index:5;
}
.topber-title{
	width:192px;
	height:60px;
	position:absolute;
	left:0px;
	bottom:0px;
	vertical-align:bottom;
	color : #FFFFFF;
	font-family: "HGPｺﾞｼｯｸM",sans-serif;
	clear:both;
	font-size : 52px;
	font-weight:normal;
}
* html .topber-title{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="http://rokuenu.com/hp-part/img/6n-logo.png");
}
* html .topber-title img{
	display:none;
}
span.topber-menu{
	float:right;
	width:600px;
	position:absolute;
	right:0px;
	bottom:0px;
	text-align:right;
	vertical-align:bottom;
	color : #FFFFFF;
	font-family: "メイリオ","HGｺﾞｼｯｸM",sans-serif;
	font-size : 125%;
	z-index:5;
}
span.topber-menu a{
	color:#FFFFFF;
}
span.topber-space{
	margin-right:12px;
}
div.main-back{
	position:relative;
	width:900px;
	z-index:5;
	background-image: url("hp-part/img/back-main.gif");
}
div.main-back-1col{
	position:relative;
	width:900px;
	z-index:5;
	padding-top: 30px;
	background-image: url("hp-part/img/back-main-1col.gif");
}
div.main-left{
	width:650px;
	padding-top: 30px;
	z-index:5;
}
div.main-right{
	position:absolute;
	top:0px;
	right:0px;
	float:right;
	width:250px;
	z-index:7;
}
div.main-1-column-back{
	position:relative;
	width:900px;
	z-index:5;
	background-image: url("hp-part/img/back-main-1col.gif");
}
div.main-top-pic{
	position:absolute;
	top:0px;
	left:0px;
/*	background-image: url("hp-part/img/ribbon.png");*/
	width:305px;
	height:307px;
}
* html div.main-top-pic{
	background-image: none;
/*	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=hp-part/img/ribbon.png);*/
}
div.top-pic{
	background-repeat: no-repeat;
	width:617px;
	height:471px;
	margin-left:20px;
	padding-left:10px;
	padding-top:9px;
	background-image: url("hp-part/img/top-base.png");
	z-index:5;
}
* html div.top-pic{
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=hp-part/img/top-base.png);
}
div.top-title1{
	margin-left:60px;
	width:142px;
	height:23px;
}
* html div.top-title1{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=hp-part/img/seihinjouhou.png);
}
* html div.top-title1 img{
	display:none;
}
div.top-title2{
	margin-left:60px;
	width:181px;
	height:23px;
}
* html div.top-title2{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=hp-part/img/event-info.png);
}
* html div.top-title2 img{
	display:none;
}
div.top-title3{
	margin-left:64px;
	width:123px;
	height:19px;
}
* html div.top-title3{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src=hp-part/img/topics.png);
}
* html div.top-title3 img{
	display:none;
}
div.top-event1{
	margin: 10px 0px 10px 98px;
}
div.left-headline{
	position:relative;
	margin-left:90px;
	font-size:32px;
	letter-spacing: 13px;
}
div.left-headline img{
	position:absolute;
	top:5px;
	left:-50px;
}
.left-headline-h{
	position:relative;
	margin-left:90px;
	font-size:32px;
	letter-spacing: 13px;
}
.left-headline-h img{
	position:absolute;
	top:5px;
	left:-50px;
}
.left-title{
	position:relative;
	margin-left:80px;
	font-size : 130%;
	font-weight: bold;
}
.left-title img{
	position:absolute;
	top: 6px;
	left:-25px;
}
.left-title-s{
	position:relative;
	margin-left:80px;
	font-size : 110%;
	font-weight: bold;
}
.left-title-s img{
	position:absolute;
	top: 4px;
	left:-25px;
}

.left-title-noicon{
	margin-left:50px;
	font-size : 130%;
	font-weight: bold;
}
.right-title-h{
	letter-spacing: 10px;
	padding-top:30px;
	text-align:center;
	font-size : 150%;
}
ul.paragraph-1{
	margin-left:30px;
	font-size:80%;
}
p.paragraph-1p{
	margin-left:30px;
	font-size:80%;
}
ul.paragraph-2{
	margin-left:30px;
	font-size:90%;
}

h2.article1{
padding: 5px 5px 0px 5px;
margin:10px 5px 5px 60px;
font-weight: bold;
font-size:100%;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#000;
background-color:#FFF;
}
h2.article1 a{
color:#000;
}
.article2{
margin-left:70px;
font-weight: normal;
font-size:90%;
clear:none;
}
.article2 p{
margin-bottom: 1.5em;
}
img.thumbnail{
border-width:0px 3px 3px 0px;
border-color:#777;
margin:0px 8px 8px 0px;
}

.blog-title{
	position:relative;
	margin-left:80px;
	font-size : 110%;
	font-weight: bold;
}
.blog-title a{
	color: #000;
}
.blog-title img{
	position:absolute;
	top: 4px;
	left:-25px;
}
.blog-info{
	margin:0px 10px 0px 80px;
	width:550px;
	padding: 2px 5px;
	font-size:70%;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#FFFFFF,endColorStr=#BBDDFF);
	text-align:right;
	color:#000
}
.blog-info a{
	color:#000;
}
.blog-article{
	margin:0px 10px 0px 80px;
	padding: 5px;
/*	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#BBB;
*/
	font-weight: normal;
	font-size:90%;
	clear:none;
}
.blog-continue{
	margin:0px 10px 0px 80px;
	padding:5px;	
	font-size:90%;
}
.blog-next{
	text-align:center;
	font-size:90%;
}

img.user2_l{
border-width: 0px;
float:left;
margin-right: 5px;
}
img.user2_r{
border-width: 0px;
float:right;
margin-left: 5px;
}
div.footer-main{
position:relative;
width:900px;
text-align:center;
margin-left:auto;
margin-right:auto;
z-index:5;
}
div.footer{
width:900px;
text-align:center;
font-size:80%; 
color:#b52;
z-index:5;
position:absolute;
top:0px;
left:0px;
background-color:#ffef7a;
}
div.footer a{
color:#b52;
}

/*
div.main-contain { width:90%; margin:0 8% 5%; padding-bottom:5%; clear:both;}
.main-contain h2 {letter-spacing:0.4em;}
.main-contain h3 {letter-spacing:0.2em;}
*/
div.product-info {margin-left:3%; margin-bottom:3%; clear:both;}
div.outline {font-size:90%;position: relative; margin-left:50px; margin-top: 15px;  padding-left:30px; margin-top: 0px; padding-bottom: 1%; border-left: solid #66d 1px; border-bottom: solid #66d 1px; }
div.outline-div { padding:10px 10px 0px 0px; width: 100%;  position: absolute; left: 270px; top:0px;}
div.outline-nopos { margin-left:50px; margin-top: 15px;  padding-left:30px; margin-top: 0px; padding-bottom: 1%; border-left: solid #66d 1px; border-bottom: solid #66d 1px;}
div.outline-nopos-div { width: 100%;}

div.outline ul { display:inline;}
div.outline ul li { line-height:1.3em;}
ul.outline-list2{margin-left:20px;}
div.outline dd { text-indent:1em; display:inline;}
div.outline span {display:block; width:210px; height:297px; border: none;position: relative;}
div.outline span img {border: solid #000 1px;position: absolute; top:0px; left:0px;}
div.outline span.outline-span{text-indent:10px;font-size:80%;}
/*
div.main-right div.sub-contain { margin-top:15%; margin-left: 50px;}
div.main-right div.sub-contain h2 {letter-spacing:0.1em;}
div.main-right div.sub-contain ul { line-height:1.4em; margin-left:10%; margin-top: 5%; margin-bottom: 10%;}
div.main-right div.sub-contain p {margin: 5% 0 10%;}
*/
