@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : default.css
 Author     : MIYA
 Style Info : ブラウザスタイルのリセットと基本設定
=================================================================== */

/* ----------------------- Browser Default Initialization */
html {
	overflow-y: scroll;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	margin: 0;	padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var	{
	font-style: normal;
}
table	{
	border-collapse: collapse;	border-spacing: 0;
}
caption, th	{
	text-align: left;
}
q:before ,q:after	{
	content: '';
}
object, embed	{
	vertical-align: top;
}
hr, legend	{
	display: none;
}
h1, h2, h3, h4, h5, h6	{
	font-size: 100%;
}
img, abbr, acronym, fieldset	{
	border: 0;
	vertical-align: bottom;
}
li	{
	list-style-type: none;
}

/* ----------------------- Basic Style */
/* ------------ Font Style */
body {
	/*font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;*/
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 75%;
	/*font-size:12px;*/
	line-height: 150%;
}
html>/**/body {
	font-size: 12px;
}
* + html body {
	font-family: "メイリオ","Meiryo";
}

/******************clearfix*********************/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clearfix{display:block;}
/*********************************************/

/* ===================================================================

yogurtland

=================================================================== */

body{
	text-align:center;
	color:#333333;
	background:url(../img/share/mini_background.jpg) repeat-x top #e4f09c;

}

h1{
	font-size:85%;
	color:#ffffff;
	padding:15px 0 0 25px;
}
#stage_base_bg{
	background:url(../img/share/base_bg.gif) repeat-y top center;
	min-width:810px;
}
*html #stage_base_bg{
	width: expression(document.body.clientWidth < 602? "810px" : "auto");
}
#stage_bg{
	background:url(../img/share/big_background.png) no-repeat top center;
	min-width:810px;
}
*html #stage_bg{
	width: expression(document.body.clientWidth < 602? "810px" : "auto");
}




#stage{
	width:810px;
	margin:0 auto;
	text-align:left;
	background:url(../img/share/bigin_background.png) no-repeat top;
}


#contents{
	width:800px;
	margin-left:5px;
}

#main{
	margin-top:29px;
}

#head_set{
	margin-bottom:120px;
}

#rogo_img{
	float:left;
	width:310px;
}

/* head_menu ロールオーバー */

#head_menu_hako{
	float:right;
	width:360px;
}
#head_menu li{
	float:left;
}

#head_menu a:hover { 
	background-color:#f6f9e6;
	color: #666666;  
}
#head_menu a img {
	background-color:#f6f9e6;
	color: #666666;  
}



/*  */
#head_menu .m_top{ 
}
#head_menu .m_top a {  
	background:url(../img/share/m_top_over.gif) left top no-repeat;  
	display: block;  
	position: relative;  
	overflow: hidden;  
	text-align: center;  
	width: 55px;  
	height: 15px;  
}
#head_menu .m_top a:hover img {  
	position: relative;  
	top: -15px;  
}
#head_menu .m_top .now{
	display: block;  
	position: relative; 
	width: 55px;
	height: 15px;  
}
/*  */
#head_menu .m_concept{ 
}
#head_menu .m_concept a {  
	background:url(../img/share/m_concept_over.gif) left top no-repeat;  
	display: block;  
	position: relative;  
	overflow: hidden;  
	text-align: center;  
	width: 89px;  
	height: 15px;  
}
#head_menu .m_concept a:hover img {  
	position: relative;  
	top: -15px;  
}
#head_menu .m_concept .now{
	display: block;  
	position: relative; 
	width: 89px;
	height: 15px;  
}
/*  */
#head_menu .m_menu{ 
	width:78px;
}
#head_menu .m_menu a {  
	background:url(../img/share/m_menu_over.gif) left top no-repeat;  
	display: block;  
	position: relative;  
	overflow: hidden;  
	text-align: center;  
	width: 78px;  
	height: 15px;  
}
#head_menu .m_menu a:hover img {  
	position: relative;  
	top: -15px;  
}
#head_menu .m_menu .now{
	display: block;  
	position: relative; 
	width: 78px;
	height: 15px;  
}
/*  */
#head_menu .m_store{ 
	width:66px;
}
#head_menu .m_store a {  
	background:url(../img/share/m_store_over.gif) left top no-repeat;  
	display: block;  
	position: relative;  
	overflow: hidden;  
	text-align: center;  
	width: 66px;  
	height: 15px;  
}
#head_menu .m_store a:hover img {  
	position: relative;  
	top: -15px;  
}
#head_menu .m_store .now{
	display: block;  
	position: relative; 
	width: 66px;
	height: 15px;  
}
/*  */
#head_menu .m_oversea{ 
	width:72px;
}
#head_menu .m_oversea a {  
	background:url(../img/share/m_oversea_over.gif) left top no-repeat;  
	display: block;  
	position: relative;  
	overflow: hidden;  
	text-align: center;  
	width: 72px;  
	height: 15px;  
}
#head_menu .m_oversea a:hover img {  
	position: relative;  
	top: -15px;  
}
#head_menu .m_oversea .now{
	display: block;  
	position: relative; 
	width: 72px;  
	height: 15px;  
}




#footer{
	width:800px;
	font-size:77%;
	text-align:center;
	background:#D1E9AE url(../img/share/bg_foot.gif) repeat-x top;
}
#footer p{
	padding:10px 0 5px 0;
}


#foot_menu{
	width:800px;
	font-size:85%;
	text-align:center;
	letter-spacing:2px;
	color:#666666; 
	margin-bottom:6px;
	clear:both;
}
#foot_menu a{ 
	color:#666666; 
	text-decoration:none;
} 
#foot_menu a:hover {  
	color: #7fc31c; 
	text-decoration:underline;
}  

/* コンテンツ */

#contents_main{
	width:750px;
	margin-left:25px;
}

.img-boxp3{
	padding: 3px;
	border: 1px solid #cccccc;
}

.img-box-right{
	padding: 3px;
	border: 1px solid #cccccc;
	float: right;
	margin-left: 3px;
	margin-bottom: 3px;
}

.font-10{
    font-size: 10px;
}

.text-box02{
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.text-box02 dd{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 15px;
}

.text-box03{
    padding: 10px;
}

.text-box04{
    padding: 25px;
	font-size: 90%;
}

.center{
    text-align: center;
	padding-top: 50px;
}

.center02{
    text-align: center;
	padding-top: 15px;
	padding-bottom: 50px;
}