@charset "utf-8";
/* CSS Document */







/*
==INDEX=====================================================================

▼ベルサ洋菓子工房
┣基本設定
┣共通箇所
┣ナビゲーション
┣
┗

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



/*--------------------------------------------------------------
	●基本設定
----------------------------------------------------------------*/


/* 01.共通
=======================================*/


*{
margin: 0;
padding: 0;
line-height: 1.5em;
letter-spacing: 0.02em;
text-indent: 0;
text-decoration: none;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 13px;
}



html{
height: 100%;
}


body{
	height: 100%;
	background-image: url(../img/com_bg.gif);
	background-repeat: repeat;
	background-position: center top;
}


img {
	border:none;
	vertical-align: bottom;/*イメージのbottomの余白を消す*/
	outline:none;
}

hr {
	display: none;
	clear: both;
}

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

table {
	font-size: inherit;
	font: 100%;
}

li{
	list-style-type: none;
}

.com_for_top{
	padding: 25px 0px 10px;
	height: auto;
	width: 160px;
	margin: 0px 0px 0px auto;
}


img, div {
	behavior: url(iepngfix.htc);
	}






/*トップページフラッシュ*/


#top_main_flash{
	margin: 0px auto;
	height: auto;
	width: 950px;
}

#content {
	width:100%;
	height:430px;
	margin:0 auto;
	position:relative;
	background: center top;
}

#content object {
      position:absolute;
      top:0;
      left:0;
      z-index:0;
}





/*--------------------------------------------------------------
	●基本設定
----------------------------------------------------------------*/



#com_head_box{
	height: auto;
	width: 950px;
	margin: 0px auto;
	padding: 0px 0px 15px;
	background: url(../img/com_head_bg.gif) no-repeat right top;
}

#com_head_box h1{
	height: auto;
	width: 950px;
	margin: 0px auto;
	padding: 0px;
	font-weight: normal;
	text-align: right;
}


.head_left_box{
	float: left;
	height: auto;
}

.head_right_box{
	float: right;
	height: auto;
	width: 334px;
	padding: 22px 0px 0px;
}



/*--------------------------------------------------------------
	●メニュー
----------------------------------------------------------------*/



#com_menu_box{
	background: url(../img/com_menu_bg.gif) repeat-x;
	height: 53px;
	width: 100%;
}

#com_menu_box_in{
	height: auto;
	width: 950px;
	margin: 0px auto;
}


#com_menu_box_in li{
	float: left;
	height: 53px;
	width: 135px;
}


#com_menu_box_in li a{
	text-indent: -9999px;
	display: block;
	height: 53px;
	width: 135px;
}



#com_menu_regular_btn{
	background: url(../img/com_menu_regular_btn.gif) no-repeat;
}

#com_menu_decoration_btn{
	background: url(../img/com_menu_decoration_btn.gif) no-repeat;
}

#com_menu_limited_btn{
	background: url(../img/com_menu_limited_btn.gif) no-repeat;
}


#com_menu_cake_btn{
	background: url(../img/com_menu_cake_btn.gif) no-repeat;
}



#com_menu_sticking_btn{
	background: url(../img/com_menu_sticking_btn.gif) no-repeat;
}

#com_menu_guide_btn{
	background: url(../img/com_menu_guide_btn.gif) no-repeat;
}

#com_menu_information_btn{
	background: url(../img/com_menu_information_btn.gif) no-repeat;
}






#com_menu_regular_btn a:hover{
	background: url(../img/com_menu_regular_btn_on.gif) no-repeat;
}

#com_menu_decoration_btn a:hover{
	background: url(../img/com_menu_decoration_btn_on.gif) no-repeat;
}

#com_menu_limited_btn a:hover{
	background: url(../img/com_menu_limited_btn_on.gif) no-repeat;
}


#com_menu_cake_btn a:hover{
	background: url(../img/com_menu_cake_btn_on.gif) no-repeat;
}


#com_menu_sticking_btn a:hover{
	background: url(../img/com_menu_sticking_btn_on.gif) no-repeat;
}

#com_menu_guide_btn a:hover{
	background: url(../img/com_menu_guide_btn_on.gif) no-repeat;
}

#com_menu_information_btn a:hover{
	background: url(../img/com_menu_information_btn_on.gif) no-repeat;
}



/*--------------------------------------------------------------
	●フッター
----------------------------------------------------------------*/



#com_page_navi{
	height: auto;
	width: 100%;
	text-align: center;
	padding: 30px 0px 10px;
}


#com_page_navi li{
	display: inline;
	height: auto;
	width: 100%;
	text-align: center;
}



#com_footer_box{
	background: url(../img/com_footer_bg.gif) repeat;
	height: auto;
	width: 100%;
}

#com_footer_box_in{
	margin: 0px auto;
	padding: 10px 0px;
	height: auto;
	width: 950px;
	background: url(../img/com_footerin_bg.gif) repeat-y left top;
}



#com_footer_box_in .mian_text{
	height: 56px;
	width: 701px;
	margin: 0px 0px 0px auto;
}






/*--------------------------------------------------------------
	●各ページタイトル
----------------------------------------------------------------*/


#ather_title_regular{
	background: url(../img/regular_title.jpg) no-repeat center top;
	height: 385px;
	width: 100%;
}

#ather_title_decoration{
	background: url(../img/decoration_title.jpg) no-repeat center top;
	height: 385px;
	width: 100%;
}


#ather_title_limited{
	background: url(../img/limited_title.jpg) no-repeat center top;
	height: 385px;
	width: 100%;
}

#ather_title_sticking{
	background: url(../img/sticking_title.jpg) no-repeat center top;
	height: 385px;
	width: 100%;
}

#ather_title_guide{
	background: url(../img/guide_title.jpg) no-repeat center top;
	height: 385px;
	width: 100%;
}

#ather_title_information{
	background: url(../img/information_title.jpg) no-repeat center top;
	height: 385px;
	width: 100%;
}

.ather_title{
	height: 385px;
	width: 100%;
	text-indent: -9999px;
}


/*--------------------------------------------------------------
	●その他共通箇所
----------------------------------------------------------------*/




#ather_contents_box{
	margin: 0px auto;
	height: auto;
	width: 950px;
}




/*--------------------------------------------------------------
	●アイテム更新
----------------------------------------------------------------*/

#item_details_mainbox{
	background: url(../img/item_details_bg.gif) no-repeat center bottom;
	height: auto;
	width: 950px;
	margin: 0px auto;
	padding: 0px 0px 20px;
}

#item_details_mainbox_in{
	margin: 0px auto;
	padding: 0px;
	height: 0px;
	width: 900px;
}


#item_details_mainbox_in .item_left_box{
	float: left;
	height: auto;
	width: 525px;
}

#item_details_mainbox_in .item_left_box img{
	border: 3px solid #FFFFFF;
}


#item_details_mainbox_in .item_right_box{
	float: right;
	height: auto;
	width: 360px;
}

#item_details_mainbox_list{
	padding: 20px 0px 0px;
}

#item_details_mainbox_list .main_pic{
	text-align: center;
	height: auto;
	width: 230px;
}

#item_details_mainbox_list img{
	border: 3px solid #FFFFFF;
}


#item_details_return{
	padding: 5px 0px 20px 30px;
	height: 23px;
	width: 161px;
}


.item_right_box .main_bar{
	font: bold 14px "メイリオ";
	color: #FFFFFF;
	background: url(../img/item_main_bar.gif) repeat;
	padding: 4px 0px 4px 3px;
	margin: 0px 0px 10px;
}



/*--------------------------------------------------------------
	●トップページ
----------------------------------------------------------------*/



#top_main_flah_warpper{
	background: url(../img/top_menu_bg.gif) no-repeat center top;
	height: 425px;
	width: 100%;
}

#top_contents_box_warpper{
	margin: 0px auto;
	height: auto;
	width: 1320px;
}


#top_contents_box{
	margin: 0px auto;
	height: auto;
	width: 950px;
	padding: 25px 0px 0px;
}

#top_contents_box_left{
	float: left;
	height: auto;
	width: 602px;
}

#top_contents_box_right{
	float: right;
	height: auto;
	width: 314px;
}


#top_left_news_box{
	background: url(../img/top_left_news_bg.gif) no-repeat center bottom;
	height: auto;
	width: 313px;
	padding: 0px 0px 20px;
}

#top_left_news_box_in{
	margin: 10px auto;
	height: auto;
	width: 285px;
	background: url(../img/top_left_news_box_in_bg.gif) repeat;
}


#top_left_news_box_in .main_list{
	margin: 10px auto;
	padding: 8px 0px;
	height: auto;
	width: 275px;
}

#top_left_news_box_in .main_list li{
	background: url(../img/top_left_news_line.gif) repeat-x left bottom;
	padding: 8px 0px 4px;
	height: auto;
	width: 275px;
}

#top_left_news_box_in .main_list li span{
	background: url(../img/top_left_news_icon.gif) no-repeat 0px 5px;
	padding: 0px 0px 0px 12px;
	display: block;
	font-size: 12px;
}

#com_menu_box_in_top{
	height: auto;
	width: 1320px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/com_menu_bg.gif) repeat-x;
}

#com_footer_box_in_top{
	height: auto;
	width: 1320px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/com_footer_bg.gif) repeat;
}

/*--------------------------------------------------------------
	●商品一覧
----------------------------------------------------------------*/

#item_main_box{
	padding: 20px 0px;
	height: auto;
	width: 950px;
	margin: 0px auto;
}


.item_main_box{
	height: auto;
	width: 310px;
	float: left;
	background: url(../img/item_table_bg.gif) no-repeat right bottom;
	margin: 15px 0px 0px;
}



.item_main_box_in{
	height: auto;
	width: 298px;
	margin-left: auto;
}

.item_main_box_in_contents{
	height: auto;
	width: 276px;
	margin: 0px auto 20px;
	padding: 0px 0px 10px;
}


.item_main_box_in_contents .item_main_bar{
	color: #FFFFFF;
	background: url(../img/item_main_bar.gif) repeat;
	text-align: center;
	padding: 4px 0px;
	height: auto;
	width: 100%;
}

.item_main_box_in_contents .item_main_pic{
	padding: 0px;
	text-align: center;
	margin: 10px 0px;
}


.item_main_box_in .main_pic{
	border: 3px solid #FFFFFF;
}


.item_main_box_in_contents .item_main_text{
	font-size: 12px;
}

.item_main_box_in_contents .item_main_text_p{
	font-size: 14px;
	text-align: right;
	color: #FF0000;
}

.item_main_box_in_contents .item_main_btn{
	margin: 0px auto;
	height: auto;
	width: 154px;
	padding-top: 10px;
}

#item_main_kome{
	text-align: right;
	height: auto;
	width: 100%;
}



/*--------------------------------------------------------------
	●定番商品
----------------------------------------------------------------*/


#regular_main_pic{
	margin: 0px auto;
	height: auto;
	width: 950px;
}


/*--------------------------------------------------------------
	●ベルサのこだわり
----------------------------------------------------------------*/


#sticking_oner_box{
	padding: 25px 0px 20px;
	height: auto;
	width: 100%;
}

#sticking_oner_name{
	margin: 0px 0px 0px auto;
	padding: 15px 0px 10px;
	height: 34px;
	width: 196px;
}


#sticking_sozai_box{
	padding: 25px 0px 20px;
	height: auto;
	width: 100%;
}

#sticking_sozai_box .left_box{
	background: url(../img/sticking_sozai_tamago_bg.jpg) no-repeat;
	float: left;
	height: 257px;
	width: 463px;
}

#sticking_sozai_box .right_box{
	background: url(../img/sticking_sozai_gyuunyu_bg.jpg) no-repeat;
	float: right;
	height: 257px;
	width: 463px;
}

#sticking_sozai_box .left_box p,
#sticking_sozai_box .right_box p{
	padding: 95px 0px 0px 42px;
}




#sticking_cyara_box{
	padding: 25px 0px 20px;
	height: auto;
	width: 100%;
}


#sticking_sakuhin_box{
	padding: 25px 0px 20px;
	height: auto;
	width: 100%;
}



/*店舗情報*/


#guide_tenpo_box_left{
	float: left;
	height: auto;
	width: 370px;
}


#guide_tenpo_box_right{
	float: right;
	height: auto;
	width: 570px;
}

#guide_acsess_lbox{
	padding: 25px 0px 0px 65px;
}

#guide_acsess_lbox .title{
	font-size: 18px;
}


#guide_boyoyaku_lbox{

}

#guide_boyoyaku_rbox .main_text{
	padding: 20px 0px 0px 20px;
}

#guide_boyoyaku_rbox .main_pic{
	margin: 0px 0px 0px auto;
	padding: 30px 0px 0px;
	height: auto;
	width: 405px;
}


#guide_boyoyaku_rbox{

}



/*マップ*/

#guide_map_box{
	background: url(../img/com_footer_bg.gif) repeat;
	height: auto;
	width: 950px;
	margin: 30px 0px 0px;
}

#guide_map_box_in{
	margin: 0px auto;
	padding: 3px 0px;
	height: auto;
	width: 944px;
}



/*新着情報*/


.information_bg{
	background: url(../img/information_bg.jpg) no-repeat right top;
	padding: 0px 0px 100px;
}

.information_writebox{
	background: url(../img/information_btm_writebox.png) no-repeat 0px bottom;
	height: auto;
	width: 602px;
	padding-bottom: 20px;
	margin: 25px 0px 0px;
}

.information_writebox_in{
	height: auto;
	width: 580px;
	margin: 0px auto;
	padding: 0px 0px 10px;
}


.information_writebox_in .main_bar{
	color: #FFFFFF;
	background: url(../img/item_main_bar.gif) repeat;
	padding: 4px 0px;
	height: auto;
	width: 100%;
	text-indent: 15px;
}


#decoration_yakigashi_box{
	padding: 25px 0px;
	height: auto;
	width: 949px;
}



/*--------------------------------------------------------------
	●CLEARFIX
----------------------------------------------------------------*/

.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}

.clearfix{
display:inline-table;
min-height:1%;
}

/* FOR MAC IE \*/
* html .clearfix{
height:1%;
}

.clearfix{
display: block;
}
/* END OF FOR MAC IE */





/*--------------------------------------------------------------
	●リンク
--------------------------------------------------------------*/

/*

a:link {
color: #000000;
text-decoration:none;
}

a:active {
color: #000000;
text-decoration:none;
}

a:visited {
color: #000000;
text-decoration:none;
}

a:hover {
color: #000000;
text-decoration:underline;
}

*/


/*--------------------------------------------------------------
	●マージン/パディング
--------------------------------------------------------------*/


.pt05 { padding-top: 05px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt25 { padding-top: 25px;}
.pt30 { padding-top: 30px;}
.pt35 { padding-top: 35px;}
.pt40 { padding-top: 40px;}

.pb05 { padding-bottom: 05px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb25 { padding-bottom: 25px;}
.pb30 { padding-bottom: 30px;}
.pb35 { padding-bottom: 35px;}
.pb40 { padding-bottom: 40px;}

.ml05 { margin-left: 05px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml25 { margin-left: 25px;}
.ml30 { margin-left: 30px;}
.ml35 { margin-left: 35px;}
.ml40 { margin-left: 40px;}

.mr05 { margin-right: 05px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr25 { margin-right: 25px;}
.mr30 { margin-right: 30px;}
.mr35 { margin-right: 35px;}
.mr40 { margin-right: 40px;}



/*--------------------------------------------------------------
	●フォント関連
--------------------------------------------------------------*/

.font10-15 {
	FONT-SIZE: 10px;
	LINE-HEIGHT: 15px;
}
.font12-18 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font13-22 {
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
}

.font14-20 {
	FONT-SIZE: 14px;
	LINE-HEIGHT: 20px;
}
.font20-24 {
	FONT-SIZE: 20px;
	LINE-HEIGHT: 24px;
}

.red{
	color: #FF0000;
}

.center{
	background: center;
}


.FFFFCC{
	background: #FFFFCC;
}