/*   template: What's your solution?
     author: luka cvrk  @charset "utf-8";   */

body {
	text-align: center;
	background: #FFFFFF;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 12px;
	color: #2E2E2A;
	line-height: 170%;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
}

a:link    {text-decoration:none;color:#0000ff;}
a:visited {text-decoration:none;color:#0000ff;}
a:active  {text-decoration:none;color:#0000ff;}
a:hover   {text-decoration:none;color:#ff0000;}


h1 a:link     {color:#008040;text-decoration:none;}
h1 a:visited  {color:#008040;text-decoration:none;}
h1 a:active   {color:#ff8040;text-decoration:none;}
h1 a:hover    {color:#ff8040;text-decoration:none;}



#g_menu a:link    {font-size:14px;color:#2E2E2A;text-decoration:none;font-weight:bold;}
#g_menu a:visited {font-size:14px;color:#2E2E2A;text-decoration:none;font-weight:bold;}
#g_menu a:active  {font-size:14px;color:#ff8040;text-decoration:none;font-weight:bold;}
#g_menu a:hover   {font-size:14px;color:#ff8040;text-decoration:none;font-weight:bold;}

.box li a:link    {color:#0000ff;text-decoration:none;}
.box li a:visited {color:#0000ff;text-decoration:none;}
.box li a:active  {color:#0000ff;text-decoration:none;}
.box li a:hover   {color:#ff0000;text-decoration:none;}


h1,h2,h3,h4 {
margin:0px;
padding:0px;
font-weight:normal;
}


p {
margin:0px;
padding:0px;
}



img  {
border: none;
vertical-align:top;
}


table  {
border:none;
}


br  {
letter-spacing:normal;
}


ul,ol,li  {
margin:2px;
padding:1px;
list-style:none;
}


#pagebody{
width:880px;
margin:0 auto;
text-align:left;
}


/*ヘッダー指定---------------------------------------------------*/
#header{
border-top:#808080 solid 1px;
border-left:#808080 solid 1px;
border-right:#808080 solid 1px;
background-color:#ffffff;/*ヘッダー背景色-----------------*/
background-image:url(images/photo01.jpg);/*ヘッダー画像-----------------*/
background-position:right bottom;
background-repeat:no-repeat;
padding:45px 20px 0px 20px;
height:75px;
position:relative; 
}

#header #sitebanner{
position:absolute;
top:35px;
right:20px;
}








/*ヘッダー下メニュー指定---------------------------------------------------*/
#g_menu{
display:block;
text-align:left;
background-color:#d0e783;/*背景色-----------------*/
border-top:#6F993A solid 8px;/*ヘッダーとの境界線の指定　デフォルトは濃緑-----------------*/
border-bottom:#808080 solid 1px;
border-left:#808080 solid 1px;
border-right:#808080 solid 1px;
padding:1px;
line-height:100%;
} 


 /* メインタイトルのフォントサイズ,色*/
h1    {
font-size:26px;/*ヘッダタイトル部分文字サイズ-----------------*/
color:#008000;/*ヘッダタイトル部分文字色-----------------*/
text-decoration:none;
font-weight:bold;
line-height:100%;
} 



h2{
font-size:12px;
}


/*右サイドの背景色-----------------*/
#right_bg{
background-color:#f1f3da;
}


/*左サイドエリアの余白-----------------*/
#left_area{
padding:20px 0px 15px 20px;
}


/*右サイドエリアの余白-----------------*/
#right_area{
padding:20px 15px;
}


/*トップページコンテンツエリアの余白-----------------*/
#main_area{
padding:20px;
}


/*下層ページのコンテンツエリアの余白-----------------*/
#k_main_area{
padding:15px 30px 20px 30px;
}



/*パンくずリスト指定-----------------*/
#pan{
text-align:left;
font-size:10px;
}

/*menumenuリスト指定-----------------*/
#menumenu{
text-align:left;
font-size:12px;
}


#contents{
background-color:#ffffff;
border-left:#808080 solid 1px;
border-right:#808080 solid 1px;
border-bottom:#808080 solid 1px;
margin-bottom:0px;
}


.box{
border:#808080 solid 1px;
margin-bottom:20px;
}


.box_text{
padding:12px;
}

.box ul{
padding:12px;
}

.box li{
margin-bottom:0px;
font-size: 13px;
}


/*左ボックスタイトル指定-----------------*/
.box_title{
padding:1px;
text-align:center;
font-weight:bold;
border-bottom:#6F993A solid 4px;/*ボックスコンテンツとの境界線　デフォルトは太めの緑------------*/
background-color:#d0e783;


background-repeat:repeat-x;
background-position:bottom;
}


/*左ボックスのリストの頭につけている■-----------------*/
.mark_sq{
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
color:#4B7E0B;/*■の色-----------------*/
}



/*トップ・下層ともに、WELCOMEの下についている濃いグリーンアンダーライン-----------------*/
.bar{
border-bottom:#6f993a solid 4px;/*アンダーラインの指定（色・線種・太さ）------*/
margin-bottom:15px;
}



/*トップページのWELCOMEの下についている薄いグリーンアンダーライン-----------------*/
.bar_text{
border-bottom:#b7d195 solid 4px;/*アンダーラインの指定（色・線種・太さ）------*/
padding:2px;
color:#4B7E0B;/*WELCOMEの文字色--------------------------------*/
font-weight:bold;
}




/*下層ページのタイトル文字と薄いグリーンアンダーライン-----------------*/
.k_bar_text{
border-bottom:#b7d195 solid 4px;/*アンダーラインの指定（色・線種・太さ）------*/
padding:2px;
color:#4B7E0B;/*WELCOMEの文字色--------------------------------*/
font-weight:14px;
font-weight:bold;
}




.text{
margin-bottom:25px;
}



#news{
margin-bottom:20px;
}


#news li{
margin-bottom:0.3em;
}



/*右サイド「本日入荷」のバー指定--------------------------------*/
.side_bar{
background-color:#d3de9c;/*背景色--------------------------------*/
padding:2px 4px;
text-align:center;/*文字は中央--------------------------------*/
font-weight:bold;
margin-bottom:15px;

}


 /* コピーライト*/
#copyright{
text-align:right;
font-size:10px;


background-color:#d0e783;/*背景色-----------------*/
border-top:#6F993A solid 8px;/*ヘッダーとの境界線の指定　デフォルトは濃緑-----------------*/
border-bottom:#808080 solid 1px;
border-left:#808080 solid 1px;
border-right:#808080 solid 1px;
padding:10px;
line-height:100%;


}


#copyright a:link {color:#2E2E2A;}
#copyright a:visited  {color:#2E2E2A;}
#copyright a:hover {color:#2E2E2A;}
#copyright a:active  {color:#2E2E2A;}