@charset "utf-8";
/*
 初期設定 [
----------------------------------------------------------- */
* {
	margin:0;
	padding:0;
}
body {
    background:#e1e3e3; 
    background-image:url(../img/bg01.gif);
	font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-size:90%;
	color:#555;
 letter-spacing: 0.04em;
	line-height:140%;
    height:100%;
}
html {
	overflow-y:scroll;
    height:100%;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin:0;
	padding:0;
}
p,li,dt,dl {
	line-height:130%;
}
p {
	margin:0 0 0.3em 0;
}
li {
	list-style-type:none;
}
img {
	border:0;
 vertical-align:bottom;
}
hr {
	display:none;
}
address {
	font-style:normal;
}
.clear {
	clear:both;
}
table{
border-collapse: collapse; 
}
td,th { vertical-align:top; }

td{
	word-break:break-all;

}
td div{
	overflow:hidden;
}

form {
	margin: 0 0 0 0;
}

.brClear {
clear: both;
margin: 0px;
padding: 0px 0px 7px 0px;
}

.imgR{
	text-align:right;
	}

/*
link Color [
----------------------------------------------------------- */
a:link {
	color:#777;
	text-decoration:none;
}
a:visited {
	color:#777;
	text-decoration:none;
}
a:hover {
	color:#080;
	text-decoration:underline;
}
a:active {
	color:#777;
	text-decoration:none;
}
/*
 h? [	font-weight: bold;
----------------------------------------------------------- */

h1 {
text-indent : -10000px ;
display : block ;
border : 0 ;
width : 87px ;
height :26px ;
}
dl {
position: absolute;
top: 0px;
left: 0px;
text-indent : -10000px ;
}

h2 {
	text-align:center;
	text-decoration:none;
	font-size:110%;
	color:#fff;
    letter-spacing: 0.03em;
	line-height:30px;
	border-style: none;
}

h3{
	text-align:left;
	text-decoration:none;
	font-size:110%;
	color:#555;
    letter-spacing: 0.03em;
	line-height:20px;
	border-style: none;
    font-weight: bold; 
}
h4{
	text-align:left;
	text-decoration:none;
	font-size:110%;
	color:#555;
    letter-spacing: 0.03em;
	line-height:30px;
	border-style: none;
    font-weight: bold;
}

/*
 wrapper [  height:100%;
----------------------------------------------------------- */
#wrapper {
 width: 750px;
	padding: 0px 33px 0px 33px;
	background-image:url(../img/bodybg.png);
	margin: 0 auto;
}
#topwrapper {
 width: 750px;
 height: 40px;
	padding: 0px 33px 0px 33px;
	margin: 0 auto;
}
#bottomwrapper {
 width: 750px;
 height: 40px;
	padding: 0px 33px 0px 33px;
	background-image:url(../img/bodybg_bottom.gif);
	margin: 0 auto;
}

/*
 topheader
----------------------------------------------------------- */
#topheader {
  width: 750px;
	 height: 56px;
	 margin: 0px;
 position: relative;

}
#topheader ul{
position: absolute;
left: 500px;
top: 12px;
font-size: 12px;
letter-spacing: 0.03em;
	text-align:left;
}

#topheader li {
	display:inline;
	list-style-type:none;
	margin-right:10px;
}
#topheader li a {
	text-decoration:none;
	padding-left:10px;
	background:url(../img/footer_arrow.gif) no-repeat left center;
}
#topheader li a:hover {
	padding-left:10px;
	text-decoration: underline;
	background:url(../img/footer_arrow.gif) no-repeat left center;
}
#topheader ol{
	position: absolute;
	right: 1px;
	bottom: 7px;
	font-size: 12px;
	letter-spacing: 0.03em;
	text-align:left;
	width: 130px;
}
#topheader .aos_logo img{
position: absolute;
right: 10px; 
top: 10px;
}
#topheader .ocn_logo img{
position: absolute;
top: 8px;
left: 10px;
}

#topheader .Fontsize{
	position: absolute;
	right: 10px;
	top: 30px;
	font-size:12px;
}

/*
header [
----------------------------------------------------------- */
#header {
	height: 60px;
	margin: 0px 0px 0px 0px;
	background-image:url(../img/head_menubg.gif);
	background-repeat: repeat;
	background-position: left top;
 position: relative;
}

/*
pagepath [
----------------------------------------------------------- */
#pagepath {
}
/*
 headerintro
----------------------------------------------------------- */
#headerintro {
width:750px;
height:200px;
margin: 0px 0px 10px 0px;
position: relative;
background:#e1e3e3;
}
#headerintro img{
position: absolute;
left: 0px;
}
/*
 container
----------------------------------------------------------- */
#container {
width:100%;
position: relative;
	background-image:url(../img/mainbg.gif);
	background-repeat: repeat;
	background-position: left top;
}
/*
 container:after
----------------------------------------------------------- */
#container:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*
 leftcolumn 
----------------------------------------------------------- */
#leftcolumn {
 float: left;
 width: 540px;
 color: #555;
 padding: 0px 10px 10px 0px;
}

/*
 rightcolumn 
----------------------------------------------------------- */
#rightcolumn {
 float: right;
 width: 180px; 
 padding: 4px 0px 4px 0px;
}
#rightcolumn img{
 margin: 0px 0px 0px 0px;
}
#rightcolumn table{
 width: 100%; 
 margin: 0px 0px 0px 0px;

background-color:#FFF274;
}
#rightcolumn td.01{
	text-decoration:none;
	font-size:100%;
	color:#000000;
 	letter-spacing: 0.02em;
	line-height:130%;
}

#rightcolumn a:link{
	color:#000000;
	text-decoration:none;
	}
#rightcolumn a:visited {
	color:#000000;
	text-decoration:none;
	}
#rightcolumn a:hover{
	color:#FF0000;
	text-decoration:underline;
	}

.BGIPackage{
	width:156px;
	background-image:url(../img/bgi_pakage3.gif);
background-repeat:no-repeat;
	padding:5px 2px 5px 7px;
	margin:6px 4px 6px 7px;
	color:#000;
	border:1px solid #FFB817;
	font-size:12px;
	}
.BGIPackageBuy{
	width:160px;
	padding:0px 2px 0px 0px;
	margin:0px 4px 0px 7px;
	color:#000;
	text-align:center;
	}
	
.price{
	color:#FF0000;
	font-weight:bold;
	font-size:110%;
	}
.tax{
	color:#FF0000;
	font-size:90%;
	}

/* 購入する */ 
.buy00 { 
    background:url(../img/bu_buy.gif) no-repeat; 
    width:144px; height:36px;                        
    margin:2px 0 5px 8px; padding:0;                      
    display:block;                                
} 

.buy00:hover { 
    background:url(../img/bu_buy2.gif) no-repeat; 
} 

/* 詳細を見る */ 
.BTNexplain { 
    background:url(../img/bu_explain.gif) no-repeat; 
    width:116px; height:22px;                        
    margin:4px 0 5px 14px; padding:0;                      
    display:block;                                
} 

.BTNexplain:hover { 
    background:url(../img/bu_explain2.gif) no-repeat; 
} 
.smallcopy{
font-size:10px;
}

.Brainfitness{
	font-weight:bold;
	font-size:14px;
	}

.Package{
	padding-left:15px;
	}

/*
 clip01 { 
----------------------------------------------------------- */
.clip01 .sidetop {
	width:180px;
	 height:26px;
	display:block;
	background: url(../img/sidetop.gif) no-repeat left top;
}

.clip01 .sidetop h3{
	text-align:center;
	text-decoration:none;
	font-size:100%;
	display:block;
	color:#fff;
 	letter-spacing: 0.03em;
	line-height:26px;
	border-style: none;
}
.sideexplain p {
	width:156px;
	display:block;
	text-align:left;
	font-size:100%;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-decoration:none;
}
.sideexplain p a:link {
	width:100%;
	display:block;
	color:#080;
	text-decoration:none;
}
.sideexplain p a:visited {
	color:#080;
	text-decoration:none;
}
.sideexplain p a:hover {
	color:#d00;
	text-decoration:underline;
}
.sideexplain p a:active {
	color:#080;
	text-decoration:none;
}
.clip01 .sideexplain {
	width:160px;
	display:block;
	text-align:left;
	text-decoration:none;
	font-size:90%;
	color:#555;
        letter-spacing: 0.03em;
	line-height:1.4em;
        padding: 8px 10px 8px 10px;
        background:#f8f8f8;
	border-style: none;
}
.clip01 .sidebottom {
	width:180px;
 	height:18px;
	display:block;
 	margin: 0px 0px 4px 0px;
	text-align:center;
	text-decoration:none;
	font-size:80%;
	color:#fff;
 	letter-spacing: 0.03em;
	line-height:18px;
	background: url(../img/sidebottom.gif) no-repeat left top;
	border-style: none;
}
/*
 footer [  background-color: #fff;
----------------------------------------------------------- */
#footer {
 position: relative;
 height: 40px;
}

/**********navbar yoko_sample start**********/
#navbar ul{
position: absolute;
right: 0px; 
bottom: 0px;
list-style-type:none;
}
#navbar li{
	font-size:100%;
 letter-spacing: 0.03em;
	line-height:35px;
 height:35px;
 display: inline; /*IE Hack */
 float:left;
 text-indent:9px;

}
#navbar a{
	color:#171;
	width:118px;
	display:block;
	text-align:center;
	text-decoration:none;
	background: url(../img/list_bg.gif) no-repeat left top;
	border-style: none;
}
#navbar a:hover{
 color:#fff;
 background: url(../img/list_bg.gif) no-repeat right top;
}

/*
 topbanner
----------------------------------------------------------- */
#topbanner {
width:750px;
height:60px;
margin: 0px 0px 5px 0px;
position: relative;
}
#topbanner img{
float:left;
}
/*
 maintop {
----------------------------------------------------------- */
.maintop {
	display:block;
	width:540px;
	height:30px;
	background: url(../img/maintop.gif) no-repeat left top;
    margin: 30px 0px 0px 0px;
}

.maintop h2{
	text-align:center;
	text-decoration:none;
	font-size:110%;
	color:#fff;
	 letter-spacing: 0.03em;
	line-height:30px;
	border-style: none;
}
.maintop_subtitle{
margin:10px 0px 0px 0px;
	color:#888;
}

.mainexplain {
	display:block;
	width:498px;
background-color: #eeeeee;
padding: 10px 20px 8px 20px;

}
.mainexplain table{
margin: 16px 0px 8px 0px;
background-color: #ffffff;
}
.mainexplain td{
text-align:left; 
vertical-align: top;
padding: 8px 8px;
border: 1px solid #ddd;
}
.mainexplain a:link {
	color:#c6a;
	text-decoration:none;
}
.mainexplain a:visited {
	color:#c6a;
	text-decoration:none;
}
.mainexplain a:hover {
	color:#080;
background-color: #fff; 
}
.mainexplain a:active {
	color:#c6a;
	text-decoration:none;
}
.mainbottom {
	width:540px;
 height:18px;
	display:block;
margin: 0px 0px 10px 0px;
	text-align:left;
	text-decoration:none;
	font-size:80%;
	color:#fff;
 letter-spacing: 0.03em;
	line-height:18px;
 text-indent:16px;
	background: url(../img/mainbottom.gif) no-repeat left top;
	border-style: none;
}
.mainbottom a:link {
	color:#ddd;
	text-decoration:none;
}
.mainbottom a:visited {
	color:#ddd;
	text-decoration:none;
}
.mainbottom a:hover {
	color:#fff;
}
.mainbottom a:active {
	color:#ddd;
	text-decoration:none;
}

/*
 .result
----------------------------------------------------------- */
.result_top {
	width:540px;
	height:50px;
	display:block;
	background: url(../img/postit.01.gif) no-repeat left top;
	position: relative;
　　margin: 0px 0px 0px 0px;
}
.result_top h2{
    position: absolute; 
    top: 10PX;
    left: 40px; 
	text-align:left;
	font-size:120%;
	color:#555;
    letter-spacing: 0.03em;
	border-style: none;
    font-weight: bold; 
}
.result_explain{
	display:block;
	width:520px;
    background-color: #fff;
    padding: 10px 0px 8px 20px;
}
.center{
	text-align: right;
	text-indent: 10px;
	line-height: 200%;
}
.result_explain p{
　　margin: 0px 0px 6px 0px;
}
.result_explain table{
　　margin: 0px auto 6px auto;
border: 1px solid #ddd;
}
.result_explain td{
　　padding: 16px;
}

.result_explain2{
	display:block;
	width:520px;
    background-color: #fff;
    padding: 10px 0px 8px 20px;
}

.result_explain2 p{
　　margin: 0px 0px 6px 0px;
}
.result_explain2 table{
　　margin: 0px auto 6px auto;
border: 1px solid #ddd;
}
.result_explain2 td{
vertical-align: top;
padding: 8px 8px;
}

.result_explain2 select{
	width: 50px;	
}

/*
 .mycontents
----------------------------------------------------------- */
.mycontents {
	width:540px;
	display:block;
	position: relative;
　　margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px #e3e3e3 solid; 
}
.mycontents .divide{
	text-align:left;
	font-size:100%;
	color:#555;
    letter-spacing: 0.03em;
	border-style: none;
    font-weight: bold; 
    padding: 2px 8px 2px 8px;
    background:#e1e3e3; 
    background-image:url(../img/bg01.gif);
}
.mycontents img{
    padding: 6px 0px 6px 0px;
}
.mycontents p{
    position: absolute; 
    top: 30PX;
    left: 170px; 
	text-align:left;
	font-size:100%;
	color:#555;
    letter-spacing: 0.03em;
	border-style: none;
	z-index: 2;
}
.mycontents .playbtn{
	position: absolute;
	bottom: 6px;
	right: 10px;
	z-index: 1;
}
.mycontents strong{
    margin-top: 5px;
    margin-bottom: 5px;
}

/*
 .allcontents
----------------------------------------------------------- */
.allcontents {
	width:540px;
	display:block;
	position: relative;
　　margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px #e3e3e3 solid; 
}
.allcontents .divide{
	width:259px;
	display:block;
	position: relative;
　　margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 10px;
}
.allcontents .subtitle{
	text-align:left;
	font-size:100%;
	color:#888;
    letter-spacing: 0.03em;
	border-style: none;
    font-weight: bold;
　　margin: 0px 0px 0px 0px;
    padding: 0px 8px 0px 8px;
    background:#e1e3e3; 
    background-image:url(../img/bg01.gif);
}

.allcontents img{
    padding: 0px 6px 0px 0px;
 	float:left;
}

.allcontents td{
    border: 1px #e3e3e3 solid; 
}

.allcontents h5{
	text-align:left;
	font-size:90%;
	color:#555;
    letter-spacing: 0.02em;
	border-style: none;
	z-index: 2;
	font-weight: bold; 
}
.allcontents .allplaybtn{
	position: absolute;
	bottom: 6px;
	right: 10px;
	z-index: 1;
}
/*
 policy
----------------------------------------------------------- */
.policy_top {
	width:540px;
	height:34px;
	display:block;
	background: url(../img/news_title.gif) no-repeat left top;
	position: relative;
    margin:4px 0px 0px 0px;
}
.policy_top h2{
	position: absolute; 
	left: 18px; 
	text-align:left;
	font-size:120%;
	color:#181;
 	letter-spacing: 0.03em;
	line-height:34px;
	border-style: none;
	font-weight: bold; 
}
.policy_subtitle{
margin: 30px 0px 0px 0px;
}
.policy_subtitle h3{
	text-align:left;
	text-decoration:none;
	font-size:100%;
	color:#888;
 letter-spacing: 0.03em;
	line-height:10px;
	border-style: none;
	padding-left:0px;
   font-weight: bold; 
}
.policy_explain{
	text-align:left;
	text-decoration:none;
	font-size:80%;
	color:#555;
	letter-spacing: 0.04em;
	line-height:160%;
	border-style: none;
	display: block;
	padding: 20px;
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-color: #eeffee;
}
.policy{
margin: 10px 0px 10px 0px;
}
.policy table{
	font-size:85%;
	color:#555;
 	letter-spacing: 0.05em;
	line-height:160%;
}
.policy td{
background-color: #fff;
text-align:left; 
vertical-align: top;
padding: 4px 4px 4px 4px;
}
.policy th{
	font-size:85%;
	color:#555;
	font-weight: normal;
	padding-right: 10px;
}
/*
 qa_top 
----------------------------------------------------------- */
.qa_top {
	width:540px;
	height:34px;
	display:block;
	background: url(../img/news_title.gif) no-repeat left top;
	position: relative;
    margin:4px 0px 0px 0px;
}
.qa_top h2{
	position: absolute; 
	left: 18px; 
	text-align:left;
	font-size:120%;
	color:#181;
 	letter-spacing: 0.03em;
	line-height:34px;
	border-style: none;
	font-weight: bold; 
}
.qa_subtitle{
margin:10px 0px 0px 0px;
}
.qa_top01 h2{
	position: absolute; 
	left: 18px; 
	text-align:left;
	font-size:120%;
	color:#181;
	 letter-spacing: 0.03em;
	line-height:34px;
	border-style: none;
	font-weight: bold; 
}
.qa_subtitle{
margin:10px 0px 10px 0px;
}
.qa_subtitle h3{
	text-align:left;
	text-decoration:none;
	font-size:110%;
	color:#888;
	letter-spacing: 0.03em;
	line-height:20px;
	border-style: none;
	padding-left:16px;
	font-weight: bold;
	margin-top: 40px;
}
.qa_explain {
	display:block;
	padding: 8px 10px 4px 10px;	
}
.line{
	width:450px;
	height:1px;
	background: url(../img/news_bottombg.gif) repeat center bottom;
	margin-left: 80px;
}
.qa_explain td{
	font-size:90%;
	letter-spacing: 0.04em;
	line-height:140%;
	text-align:left;
	vertical-align: super;
	padding: 0px;
}
.qa_explain .q{
	font-size:110%;
	letter-spacing: 0.04em;
	line-height:140%;
	text-align:left;
	vertical-align: super;
	padding: 0px;
	color: #009900;
}
/*
 whatsnews 	font-weight: bold; 
----------------------------------------------------------- */
.whatsnews_top {
	width:540px;
	height:34px;
	display:block;
	background: url(../img/news_title.gif) no-repeat left top;
	position: relative;
    margin:4px 0px 0px 0px;
}
.whatsnews_top h2{
	position: absolute; 
	left: 18px; 
	text-align:left;
	font-size:120%;
	color:#181;
 	letter-spacing: 0.03em;
	line-height:34px;
	border-style: none;
	font-weight: bold; 
}
.whatsnews{
	width:540px;
	display:block;
}
.whatsnews a:link{
	color:#009900;
	text-decoration:underline;
	}
.whatsnews a:visited{
	color:#009900;
	text-decoration:underline;
	}
.whatsnews a:hover{
	color:#FF0000;
	text-decoration:underline;
	}
.whatsnews ul{
 margin:10px 0px 0px 18px;
	border-style: none;
}
.whatsnews li{
 padding:4px 0px 4px 0px;
 margin:10px 0px 10px 0px;
	text-align:left;
 font-size:100%;
 	letter-spacing: 0.03em;
	line-height:130%;
border-bottom: 1px #cccccc dotted; 
}
/*
 news_top 
----------------------------------------------------------- */
.news_top {
	width:540px;
	height:34px;
	display:block;
	background: url(../img/news_title.gif) no-repeat left top;
	position: relative;
    margin:4px 0px 0px 0px;
}
.news_top h2{
	position: absolute; 
	left: 18px; 
	text-align:left;
	font-size:120%;
	color:#181;
 	letter-spacing: 0.03em;
	line-height:34px;
	border-style: none;
	font-weight: bold; 
}

.news_top01 {
	width:540px;
	height:34px;
	display:block;
	background: url(../img/news_title01.gif) no-repeat left top;
	position: relative; 
	margin:4px 0px 0px 0px;
}

.news_top01 a:link {
	color:#eee;
	text-decoration:none;
}
.news_top01 a:visited {
	color:#eee;
	text-decoration:none;
}
.news_top01 a:hover {
	color:#fff;
}
.news_top01 a:active {
	color:#eee;
	text-decoration:none;
}
.news_top01 h2{
	position: absolute; 
	left: 18px; 
	text-align:left;
	font-size:120%;
	color:#181;
	 letter-spacing: 0.03em;
	line-height:34px;
	border-style: none;
	font-weight: bold; 
}
.news_subtitle{
margin:10px 0px 0px 0px;

}
.news_subtitle h3{
	text-align:left;
	text-decoration:none;
	font-size:110%;
	color:#888;
 letter-spacing: 0.03em;
	line-height:20px;
	border-style: none;
	padding-left:16px;
font-weight: bold; 
}
.news_topdetail{
position: absolute;  
right: 10px; 
	text-align:right;
	text-decoration:none;
	font-size:100%;
	color:#888;
 letter-spacing: 0.04em;
	line-height:34px;
	border-style: none;
}
.news_explain {
	display:block;
	width:498px;
font-size:110%;
letter-spacing: 0.045em;
line-height:160%;
background-color: #fff;
padding: 10px 20px 8px 20px;
}
.news_explain img{
margin: 0px 0px 0px 0px;
}
.news_explain h3{
	color:#181;
padding:2px 10px 2px 10px;
margin: 10px 0px 0px 0px;
border: 1px #ccc solid; 
}
.news_explain p{
padding:0px 0px 6px 0px;
margin: 10px 0px 0px 0px;
border-bottom: 1px #ccc dotted; 
}
.news_explain ul{
list-style-type: disc; 
}
.news_explain table{
margin: 30px 0px 0px 0px;
}
.news_explain td{
text-align:left;
padding: 3px 3px;
border: 1px solid #ccc;
}

.news_explain a:link{
	color:#009900;
	font-weight:bold;
	text-decoration:underline;
	}
.news_explain a:visited{
	color:#009900;
	font-weight:bold;
	text-decoration:underline;
	}
.news_explain a:hover{
	color:#FF0000;
	font-weight:bold;
	}

	
.news_bottom {
	width:540px;
 height:18px;
	display:block;
 margin: 0px 0px 20px 0px;
	background: url(../img/news_bottombg.gif) repeat left bottom;
	border-style: none;
 position: relative; 
}
.news_bottom p{
 position: absolute;
	display:block;
    right: 26px;
	text-align:left;
	text-decoration:none;
	font-size:80%;
	color:#666;
    letter-spacing: 0.04em;
	line-height:18px;
}
.news_bottom img{
	 position: absolute;
	top: 4px;
	right: 10px;
	text-decoration:none;
}

/*
 details
----------------------------------------------------------- */
.detailsRed {
	display:block;
	width:496px;
	height:100%;
font-size:110%;
color:#990000;
letter-spacing: 0.045em;
line-height:150%;
background-color: #FEDBAF;
border:1px solid #990000;
padding: 10px 15px 8px 15px;
margin-left:8px;
}
.detailsTop {
	width:521px;
	height:28px;
	display:block;
	background: url(../img/bgi_t_details.jpg) no-repeat left top;
	position: relative;
    margin:4px 0px 0px 8px;
}
.detailsTop h2{
	position: relative;
	text-align:center;
	font-size:130%;
	color:#FFF;
 	letter-spacing: 0.03em;
	line-height:32px;
	border-style: none;
	
}
.detailsTopOrange {
	width:521px;
	height:28px;
	display:block;
	background: url(../img/bgi_t_details_orange.gif) no-repeat left top;
	position: relative;
    margin:4px 0px 0px 8px;
}
.detailsTopOrange h2{
	position: relative;
	text-align:center;
	font-size:130%;
	color:#FFF;
 	letter-spacing: 0.03em;
	line-height:32px;
	border-style: none;
	
}

.details table{
width:490px;
margin-left:18px;
}
.details td{
text-align:left; 
vertical-align: top;
padding: 6px;
}
.detailsDousa {
	width:507px;
	height:23px;
	display:block;
	background-color:#000000;
	text-align:left;
	padding-top:4px;
	padding-left:12px;
	color:#FFFFFF;
	position: relative;
    margin:4px 0px 0px 8px;
	font-weight:bold;
	font-size:110%;
}
.detailsDousaCopy {
	display:block;
	width:498px;
font-size:100%;
letter-spacing: 0.045em;
line-height:170%;
padding: 10px 20px 8px 20px;
}


/*
 shop
----------------------------------------------------------- */
.shop {
	display:block;
	width:498px;
padding: 10px 20px 8px 20px;
background-image:url(../img/bg01.gif);
}
.shop h3{
	text-align:left;
	text-decoration:none;
	font-size:110%;
	color:#555;
 letter-spacing: 0.03em;
	line-height:20px;
	border-style: none;
	padding: 0px 0px 8px 0px;
font-weight: bold; 
}
.shop table{
margin: 8px 0px;
}

.shop td{
background-color: #fff;
text-align:left; 
vertical-align: top;
padding: 8px 8px;
}

/*
banner
----------------------------------------------------------- */
.banner{
margin: 0px 0px 2px 0px;
}
/*
width
----------------------------------------------------------- */
.width01{
width: 70px;
}
.width02{
width: 127px; 
}
.width20{
width: 20px; 
}
.width120{
width: 120px; 
}
/*
align	
----------------------------------------------------------- */
.align01{
vertical-align: top;
}
.align02{
text-align: right; 
font-size: 70%;
}
.align03{
text-align: right; 
}

/*
font	
----------------------------------------------------------- */
.font01{
color: #FF3300;
font-size: 130%;
line-height: 150%;
}
.font02{
	color: #FFFFFF;
	font-size: 110%;
}

/*
 sticker {
----------------------------------------------------------- */
#sticker {
	position:absolute;
	left:0;
	top:0;
z-index: 9; 
}

/*
 点線line01 {
----------------------------------------------------------- */
.line01{
background-image: url(../img/bg02.gif);
background-repeat: repeat-x;
width:100%;
height:4px;
} 

/*
 navifooter [ background-color: #fff;
----------------------------------------------------------- */
.navifooter {
text-align:center;	
padding: 4px 0px 0px 0px;

}
.navifooter li {
	display:inline;
	list-style-type:none;
	margin-right:10px;
}
.navifooter li a {

	text-decoration:none;
	padding-left:10px;
	background:url(../img/footer_arrow.gif) no-repeat left center;
}
.navifooter li a:hover {
	text-decoration: underline;
	padding-left:10px;
	background:url(../img/footer_arrow.gif) no-repeat left center;
}
/*
 photo {
----------------------------------------------------------- */
.photo { 
	padding: 0px 10px 4px 0px;

float: left; 
} 

/*clear [
----------------------------------------------------------- */
.clear{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}
/*spacer [
----------------------------------------------------------- */
.spacer {
clear: both;
height: 30px;
width: 1px;
}

/*pageTop [
----------------------------------------------------------- */
.pageTop a {
position: absolute;
right: 16px;
top: 4px;
font-size: 80%;
letter-spacing: 0.05em;
}
.pageTop a:hover {
text-decoration: underline;
}
/*copyright [
----------------------------------------------------------- */
.address {
position: absolute;
left: 16px;
top: 4px;
font-size: 80%;
letter-spacing: 0.04em;
line-height:130%;
}
object {
	margin: 0px 0px 6px 0px;
}
iframe {
	margin: 10px 0px 10px 0px;
}
.little {
	font-size: 80%;
	color: #006633;
	margin-top: 10px;
}

little {
	font-size: 80%;
	color: #006633;
}