@charset "utf-8";

/* ボディ
---------------------------------------------------- */
body{
	text-align:center;
}

h1,h2,h3,h4,h5,h6,p{
	text-align:left;
}

/* ヘッダー（BtoC）
---------------------------------------------------- */
#header_top_bg{
	background:url(../img/common/header_bg01.png) repeat;
}

#header_top_b{
	padding:0 0 6px 0;
	background:url(../img/common/header_bg02.png) repeat-x bottom;
}

#home{
	padding:5px 0 0 5px;
}

#h_navi{
	padding:10px 0 0 0;
}

#h_navi ul{
	height:27px;
}

#h_navi li{
	padding:0 0 0 3px;
	float:left;
}

.facebook_sp{
	width:100%;
	padding:10px 0 0 5px;
}

.facebook_sp iframe{
	float:right;
}

/* ヘッダー（BtoB）
---------------------------------------------------- */
#header{
	height:78px;
}

#logo{
	width:256px;
	height:77px;
	padding:0 260px 0 10px;
}

.contact_button{
	padding:20px 10px 0 0;
}

.header_button{
	padding:7px 0 0 0;
}

/* グローバルナビ（BtoC）
---------------------------------------------------- */
.g_navi li{
	width:192px;
	float:left;
}

.g_navi_l{
	height:42px;
	padding:10px 0 8px 0;
}

.g_navi_l li{
	float:left;
}

.g_navi_c{
	width:240px;
	margin:-100px 0 0 0;
	text-align:center;
}

.g_navi_r{
	height:42px;
	padding:10px 0 8px 0;
}

.g_navi_r li{
	float:left;
}

/* グローバルナビ（BtoB）
---------------------------------------------------- */
#g_navi{
	height:77px;
	background:url(../img/company/g_navi_bg.png) repeat-x;
}

#g_navi ul{
	height:77px;
}

#g_navi ul li{
	width:20%;
	float:left;
}

#g_navi ul li a{
	text-align:center;
	display:block;
}

#g_navi ul li a:hover{
	background:url(../img/company/g_navi_bg_on.png) repeat-x;
}

.g_navi_on{
	background:url(../img/company/g_navi_bg_on.png) repeat-x;
}

/* スマホ */
.g_navi_sp_50{
	width:14%;
	float:right;
	text-align:right;
}

.g_navi_menu_sp{
	width:100%;
	padding:0 0 10px 0;
	display:none;
}

.g_navi_menu_sp_page{
	position:relative;
	top:180px;
}

.g_navi_menu_sp ul li a{
	width:95%;
	padding:19px 0 17px 5%;
	background-color:#d00b16;
	border-bottom:2px solid #FFFFFF;
	font-size:116%;
	font-weight:bold;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

.header_page{
	background:#FFFFFF;
	position:fixed;
	z-index:20;
}

/* メインビジュアル（BtoC）
---------------------------------------------------- */
#main_top_bg{
	padding:20px 0 20px 0;
	background:url(../img/common/bg01.png) repeat-x top #fffbf1;
}

#main_top_img_bg{
	height:365px;
	background:url(../img/top/top_img03a.jpg) repeat-x top;
}

#main_top_img_bg_s{
	height:240px;
	background:url(../img/top/top_img04a.jpg) repeat-x top #fffbf1;
}

.main_top_img{
	width:960px;
	height:365px;
	margin:-365px auto 0 auto;
	position:relative;
}

.main_top_img01{
	position:absolute;
	display:none;
}

.main_top_img02{
	position:absolute;
	display:none;
}

/* メインビジュアル（BtoB）
---------------------------------------------------- */
#main_img{
	padding:25px 0 25px 0;
	background:url(../img/company/g_navi_shadow.png) repeat-x #d00b16;
}

/* バナーエリア（BtoC）
---------------------------------------------------- */
#banner_area_top_bg{
	padding:0 0 50px 0;
	background:url(../img/common/bg02.png) repeat-x bottom #fffbf1;
}

#banner_area_l{
	width:220px;
	float:left;
}

.info{
	background:#FFFFFF;
}

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

.info_s{
	background:#FFFFFF;
}

#banner_area_r{
	width:730px;
	float:right;
}

.banner_area_r01a{
	width:360px;
}

.banner_area_r01b{
	width:360px;
}

.banner_area_r02a{
	float:left;
}

.banner_area_r02b{
	padding:0 0 0 11px;
	float:left;
}

.banner_area_r02c{
	float:right;
}

.banner_area_r03{
	height:190px;
	padding:10px 16px 0 19px;
	background:url(../img/top/top_banner_bg.jpg) repeat;
}

.banner_area_r03a{
	width:170px;
}

.banner_area_r03a p{
	width:95px;
	padding:2px 5px 0 5px;
	background:#FFFFFF;
	text-align:center;
}

.banner_area_r03b{
	width:145px;
}

#news_title{
	background:url(../img/top/top_title_bg.png) repeat-x top;
}

.news_dot{
	width:185px;
	padding:9px 0 9px 0;
	border-top:1px dashed #7f7f7f;
}

.news_dot p{
	line-height:1.4;
}

/* Tiny Scrollbar */
#scrollbar{
	width:200px;
	padding:0 0 0 12px;
}

#scrollbar .viewport{
	width:180px;
	height:253px;
	overflow:hidden;
	position:relative;
}

#scrollbar .overview{
	list-style:none;
	position:absolute;
	left:0;
	top:0;
	padding:0;
	margin:0;
}

#scrollbar .scrollbar{
	background:transparent url(../images/bg-scrollbar-track-y02.png) no-repeat 0 0;
	position:relative;
	background-position: 0 0;
	float:right;
	width:6px;
}

#scrollbar .track{
	height:100%;
	width:13px;
	position: relative;
	padding:0 1px 0 1px;
}

#scrollbar .thumb{
	background:transparent url(../images/bg-scrollbar-thumb-y02.png) no-repeat 50% 100%;
	height:20px;
	width:6px;
	cursor:pointer;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
}

#scrollbar .thumb .end{
	background:transparent url(../images/bg-scrollbar-thumb-y02.png) no-repeat 50% 0;
	overflow:hidden;
	height:5px;
	width:6px;
}

#scrollbar .disable{
	display: none;
}

.noSelect{
	user-select:none;
	-o-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
}

.banner_area_top_b{
	padding:20px 0 0 0;
}

.banner_area_top_b01{
	padding:0 35px 10px 0;
	float:left;
}

.banner_area_top_b02{
	padding:0 35px 10px 0;
	float:left;
}

.banner_area_top_b03{
	padding:0 0 10px 0;
	float:left;
}

.banner_area_top_b04{
	padding:0 35px 10px 0;
	float:left;
}

.banner_area_top_b05{
	padding:0 35px 10px 0;
	float:left;
}

.banner_area_top_b06{
	float:left;
}

.banner_area_top_b07{
	width:220px;
	padding:0 35px 0 0;
	float:left;
}

/* バナーエリア（BtoB）
---------------------------------------------------- */
#banner_area_bg{
	padding:45px 0 20px 0;
	background:#fffbf1;
}

.banner_area_t{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background:url(../img/common/dot03.png) repeat-x bottom;
}

.banner_area_t li{
	float:left;
}

.banner_area_t01{
	padding:0 17px 15px 0;
}

.banner_area_t02{
	padding:0 17px 15px 0;
}

.banner_area_t03{
	padding:0 17px 15px 0;
}

.banner_area_t04{
	padding:0 0 15px 0;
}

.banner_area_b{
	padding:0 0 45px 55px;
}

.banner_area_b li{
	float:left;
}

.banner_area_b01{
	padding:0 17px 15px 0;
}

.banner_area_b02{
	padding:0 17px 15px 0;
}

.banner_area_b03{
	padding:0 0 15px 0;
}

.banner_title{
	padding:0 0 0 20px;
}

/* パンくずナビ
---------------------------------------------------- */
#p_navi{
	padding:8px 0 10px 0;
	background:url(../img/common/dot01.png) repeat-x bottom #fffbf1;
}

#p_navi_top{
	padding:18px 0 15px 0;
	background:url(../img/common/bg01.png) repeat-x top #fffbf1;
}

/* コンテンツエリア
---------------------------------------------------- */
#contents_area_top{
	padding:0 0 50px 0;
	background:url(../img/common/bg02.png) repeat-x bottom #fffbf1;
}

#contents_area{
	padding:50px 0 20px 0;
	background:#fffbf1;
}

#contents_area_l{
	padding:68px 0 20px 0;
	background:#fffbf1;
}

/* サブナビゲーション（BtoB） */
#s_navi{
	width:200px;
	float:left;
}

.s_navi_middle{
	padding:80px 0 0 0;
}

#s_navi h2{
	width:100%;
	margin:0 0 8px 0;
	padding:17px 0 17px 0;
	background:#cc0000;
	color:#FFFFFF;
	font-size:138.5%;
	text-align:center;
	font-weight:bold;
}

#s_navi .restaurant_title{
	margin:0 0 25px 0;
	padding:25px 0 22px 0;
	background:url(../img/common/footer_bg01.png) repeat;
}

#s_navi ul li a{
	text-indent:-20px;
	padding:3px 0 3px 20px;
	color:#cc0000;
	text-decoration:none;
	display:block;
}

#s_navi ul li a:hover{
	background:#f0afa8;
}

#s_navi ul .s_navi_b{
	padding:0 0 2px 0;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

#s_navi ul li .s_navi_on{
	background:#f0afa8;
}

#s_navi ul li .s_navi_s{
	text-indent:0;
}

#s_navi ul .s_navi_title{
	margin:-2px 0 0 0;
	padding:8px 15px 6px 15px;
	background:url(../img/common/footer_bg01.png) repeat;
}

/* コンテンツ */
.contents_box_top{
	width:740px;
	float:right;
}

.contents_box{
	width:730px;
	padding:18px 0 0 0;
	float:right;
}

.contents_box_l{
	padding:18px 20px 0 20px;
}

.contents_box_s{
	padding:18px 110px 0 110px;
}

.recruit_navi{
	padding:25px 0 100px 0;
	background:url(../img/common/dot03.png) repeat-x top;
}

/* 店舗検索 */
.restaurant_map{
	width:740px;
	height:680px;
	position:relative;
}

.restaurant_map_img{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}

.restaurant_map ul{
	padding:12px 15px 6px 15px;
	position:absolute;
	z-index:2;
}

.restaurant_map ul li{
	width:75px;
	padding:0 0 5px 0;
	float:left;
}

.restaurant_map01{
	width:150px;
	border:1px solid #edc581;
	top:210px;
	left:530px;
}

.restaurant_map02{
	width:150px;
	border:1px solid #ddcc7a;
	top:175px;
	left:193px;
}

.restaurant_map03{
	width:150px;
	border:1px solid #79b7e4;
	top:395px;
	left:450px;
}

.restaurant_map04{
	width:150px;
	border:1px solid #b2e2bb;
	top:290px;
	left:120px;
}

.restaurant_map05{
	width:225px;
	border:1px solid #ecbac5;
	top:532px;
	left:215px;
}

.restaurant_map06{
	width:75px;
	border:1px solid #ed6213;
	top:413px;
	left:23px;
}

.restaurant_navi{
	background:url(../img/common/dot02.png) repeat-x top #FFFFFF;
}

.restaurant_navi li{
	padding:10px 0 8px 0;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.restaurant_navi li p{
	width:95px;
	padding:0 0 0 15px;
}

.restaurant_navi li h4{
	width:620px;
	font-weight:normal;
}

.restaurant_icon{
	height:84px;
}

.restaurant_lmm30{
 	margin-left:-28px;
}

.restaurant_icon01{
	width:30px;
	height:84px;
}

.restaurant_icon02{
	width:164px;
	height:84px;
	padding:0 15px 0 0;
	border-right:1px solid #d00b16;
}

.restaurant_icon03{
	width:30px;
	height:84px;
	padding:0 0 0 20px;
}

.restaurant_icon04{
	width:204px;
	height:84px;
	padding:0 15px 0 0;
	border-right:1px solid #d00b16;
}

.restaurant_icon05{
	width:30px;
	height:84px;
	padding:0 0 0 20px;
}

.restaurant_icon06{
	width:74px;
	height:84px;
	border-right:1px solid #d00b16;
	padding:0 15px 0 0;
}
.restaurant_icon07{
	width:30px;
	height:84px;
	padding:0 0 0 20px;
}

.restaurant_icon08{
	width:55px;
	height:84px;
}

.restaurant_table{
	background:#FFFFFF;
}

.restaurant_td01{
	padding:15px 0 12px 20px;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.restaurant_td01 a{
	color:#cc0000;
}

.restaurant_td02{
	width:220px;
	padding:15px 0 12px 20px;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.restaurant_td03{
	width:120px;
	padding:15px 0 12px 20px;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.restaurant_td04{
	width:110px;
	padding:15px 20px 12px 20px;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

/* メニュー */
.menu_box{
	padding:20px 20px 42px 20px;
	background:url(../img/common/dot02.png) repeat-x top;
}

.menu_box_l{
	width:280px;
	min-height:202px;
	padding:10px 10px 0 10px;
	background:url(../img/menu/menu_bg.png) no-repeat;
}

.menu_box_r_border{
	padding:0 0 20px 0;
	border-bottom:1px solid #d00b16;
}

.menu_box_r li{
	padding:10px 12px 8px 12px;
	border-bottom:1px solid #d00b16;
}

.menu_box_r .menu_box_r_b{
	padding:20px 12px 3px 12px;
}

/* マーマのおいしいレシピ */
.recipe_img{
	padding:0 0 15px 0;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.recipe_box{
	padding:15px 20px 15px 20px;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.recipe_box_l{
	width:190px;
	padding:5px 5px 5px 5px;
	background:url(../img/recipe/recipe_bg01.png) repeat;
}

.recipe_date{
	width:100px;
	padding:1px 0 0 0;
	background:#d00b16;
	text-align:center;
	line-height:1.2;
}

.recipe_text{
	padding:0 60px 15px 60px;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.recipe_box_img{
	width:440px;
	min-height:320px;
	margin:0 auto;
	padding:10px 10px 0 10px;
	background:url(../img/recipe/recipe_bg02.png) no-repeat center top;
}

.recipe_title_s{
	margin:0 8px 0 8px;
	padding:15px 8px 5px 8px;
	background:url(../img/recipe/recipe_bg03.png) no-repeat top center;
	border-bottom:1px solid #d00b16;
}

.recipe_caution{
	margin:0 8px 0 8px;
	padding:6px 8px 0 8px;
}

.recipe_box01 ul li{
	width:354px;
	margin:0 8px 0 8px;
	padding:8px 0 8px 0;
	border-bottom:1px solid #d00b16;
	float:left;
}

.recipe_box01 ul li div{
	padding:0 8px 0 8px;
}

.recipe_box02{
	padding:0 4px 0 4px;
}

.recipe_box02 div{
	width:236px;
	padding:0 4px 8px 4px;
}

.recipe_box03 ul li{
	margin:0 8px 0 8px;
	padding:8px 8px 8px 8px;
	border-bottom:1px solid #d00b16;
}

/* マーマの生パスタをご自宅でどうぞ */
.selling_area{
	background:url(../img/selling/selling_bg.png) repeat;
}

.selling_box{
	width:757px;
	padding:0 203px 0 0;
}

.selling_box img{
	float:left;
}

/* マーマの味の秘密 */
.about_box{
	padding:30px 0 20px 0;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

/* 動画 */
.movie_list li{
	width:710px;
	margin:0 0 20px 0;
	padding:15px 15px 15px 15px;
	background:url(../img/movie/movie_bg.png) repeat center;
}

.movie_list_l{
	width:150px;
	float:left;
}

.movie_list_r{
	width:550px;
	float:right;
}

.movie_list_l img:hover{
	opacity:0.5;
}

.movie_list_r h4{
	color:#b3050f;
}

/* お知らせ */
.info_navi{
	background:url(../img/common/dot02.png) repeat-x top #FFFFFF;
}

.info_navi li{
	padding:10px 0 8px 0;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.info_navi li p{
	width:145px;
	padding:0 0 0 15px;
}

.info_navi li h4{
	width:570px;
	font-weight:normal;
}

.info_box{
	padding:0 25px 0 25px;
}

.info_title{
	padding:0 0 10px 0;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

/* サイトマップ */
.sitemap_navi{
	background:url(../img/common/dot02.png) repeat-x top;
}

.sitemap_navi li{
	padding:17px 10px 7px 20px;
	background:url(../img/common/dot02.png) repeat-x bottom;
}

.sitemap_navi h3{
	width:270px;
	padding:0 0 10px 0;
}

.sitemap_navi div{
	width:660px;
}

.sitemap_navi p{
	width:215px;
	padding:0 5px 8px 0;
}

.sitemap_navi .sitemap_list_l{
	width:435px;
}

.privacy_box{
	padding:70px 50px 0 50px;
	background:url(../img/common/dot02.png) repeat-x top;
}

/* ブログ */
#blog_area p{
	padding:0 0 20px 0;
	font-size:108%;
	word-wrap: break-word;
	clear:both;
}

#blog_area a:link{
	color:#0033FF;
}

#blog_area a:visited{
	color:#0033FF;
}

#blog_area a:hover{
	color:#0033FF;
}

#blog_area h4{
	padding:10px 0 10px 0;
	font-weight:bold;
	font-size:116%;
	clear:both;
}

#blog_area ul{
	margin:0 0 20px 0;
}

#blog_area ul li{
	padding:0 0 0 1em;
	font-size:108%;
	list-style:disc inside;
	text-indent:-1em;
}

#blog_area ol{
	margin:0 0 20px 0;
}

#blog_area ol li{
	padding:0 0 0 1em;
	font-size:108%;
	list-style:decimal inside;
	text-indent:-1em;
}

#blog_area table{
	border:1px solid #000000;
	border-spacing:0px;
	border-collapse:collapse;
}

#blog_area table tr td{
	padding:5px 5px 5px 5px;
	border:1px solid #000000;
}

#blog_area img{
	margin:0 0 20px 0;
}

.alignright {
	float: right;
}

.alignleft {
	float:left;
}

.aligncenter {
　clear: both;
}

img.centered {
	display: block;
	border:none;
	text-align:left;
}

img.alignright {
	border:none;
	padding:0 0 0 20px;
}

img.alignleft {
	border:none;
	padding:0 20px 0 0;
}

em{
	font-style:italic;
}


/* タイトル */
.title_red{
	padding:13px 30px 10px 30px;
	background:url(../img/common/footer_bg01.png) repeat;
}

.title_l{
	width:100%;
	padding:14px 0 14px 0;
	background:url(../img/recipe/recipe_bg04.png) no-repeat center;
	text-align:center;
}

.title_red_s{
	padding:12px 20px 10px 20px;
	background:url(../img/common/dot02.png) repeat-x top;
}

.title_shadow{
	padding:45px 0 0 0;
	background:url(../img/recipe/recipe_bg03.png) no-repeat center top;
}

/* ボタン */
.form_button a{
	width:100%;
	text-align:center;
	padding:15px 0 15px 0;
	background:#d00b16;
	display:block;
	text-decoration:none;
}

.form_button a:hover{
	background:#de555c;
}

.form_button_s a{
	width:100%;
	text-align:center;
	padding:15px 0 15px 0;
	background:#d00b16;
	display:block;
	text-decoration:none;
}

.form_button_s a:hover{
	background:#de555c;
}

.form_button_ss a{
	width:75%;
	text-align:center;
	padding:15px 0 15px 0;
	background:#d00b16;
	display:block;
	text-decoration:none;
}

.form_button_ss a:hover{
	background:#de555c;
}

.simu_button a{
	width:100%;
	text-align:center;
	padding:15px 0 15px 0;
	background:#009933;
	display:block;
	text-decoration:none;
}

.simu_button a:hover{
	background:#33cc66;
}

.submit_button_off{
	width:100%;
	text-align:center;
	padding:15px 0 15px 0;
	background:#999999;
	display:block;
	text-decoration:none;
	display:block;
}

.submit_button{
	display:none;
}

.submit_button input{
	width:100%;
	text-align:center;
	padding:13px 0 13px 0;
	background:#d00b16;
	display:block;
	text-decoration:none;
	border:none;
	cursor:pointer;
}

.submit_button_on input{
	width:100%;
	text-align:center;
	padding:13px 0 13px 0;
	background:#d00b16;
	display:block;
	text-decoration:none;
	border:none;
	cursor:pointer;
}

.form_button_news a{
	width:100%;
	text-align:center;
	padding:2px 0 2px 0;
	background:#d00b16;
	display:block;
	text-decoration:none;
}

.form_button_news a:hover{
	background:#de555c;
}

/* テキスト */
.text9{
	font-size:70%;
}

.text11{
	font-size:85%;
	line-height:150%;
}

.text12{
	font-size:93%;
}

.text14{
	font-size:108%;
}

.text15{
	font-size:116%;
}

.text16{
	font-size:123.1%;
}

.text17{
	font-size:131%;
}

.text18{
	font-size:138.5%;
}

.text20{
	font-size:153.9%;
}

.text22{
	font-size:167%;
}

.text23{
	font-size:174%;
}

.text26{
	font-size:197%;
}

.text30{
	font-size:232%;
}

.text_l2{
	line-height:200%;
}

.text_white{
	color:#FFFFFF;
}

.text_white a{
	color:#FFFFFF;
}

.text_red{
	color:#cc0000;
}

.text_red a{
	color:#cc0000;
}

.text_green{
	color:#009944;
}

.text_green a{
	color:#009944;
}

.text_link_blue a{
	color:#0033FF;
}


.text_indent{
	text-indent:-1em;
	padding-left:1em;
}

.text_indent_l{
	text-indent:-2.5em;
	padding-left:2.5em;
}

/* ボーダー */
.text_border{
	padding:0 0 14px 0;
	border-bottom:1px solid #cc0000;
}

.text_border_gray{
	padding:0 0 9px 0;
	background:url(../img/common/dot03.png) repeat-x bottom;
}

.text_border_gray_l{
	padding:0 0 40px 0;
	background:url(../img/common/dot03.png) repeat-x bottom;
}

.text_border_black{
	padding:30px 20px 30px 20px;
	border:1px solid #000000;
}

.text_border_red{
	padding:12px 12px 12px 12px;
	border:1px solid #cc0000;
}

.text_border_red_box{
	padding:12px 12px 12px 12px;
	border:1px solid #cc0000;
	background:#cc0000;
}

.img_border_red{
	border:1px solid #cc0000;
}

.img_border_gold{
	border:1px solid #b6a024;
}

.img_border_black{
	border:1px solid #666666;
}

/* フォーム */
.form_red{
	padding:8px 0 8px 0;
	border:1px solid #cc0000;
}

.form_red_100{
	width:100%;
	border:1px solid #cc0000;
}

#button_block{
	display:none;
}

/* 背景 */
.bg_black{
	width:200px;
	padding:5px 10px 5px 10px;
	background:#000000;
	color:#FFFFFF;
	text-align:center;
}

.bg_blue{
	width:200px;
	padding:5px 10px 5px 10px;
	background:#00a0c6;
	color:#FFFFFF;
	text-align:center;
}

.bg_orange{
	width:200px;
	padding:5px 10px 5px 10px;
	background:#ff7f00;
	color:#FFFFFF;
	text-align:center;
}

/* googleマップ */
#google_map{
	width:100%;
	height:360px;
	border:1px solid #cc0000;
}

#google_map img{
	max-width:none;
	z-index:1000;
}

#google_map_b{
	width:100%;
	height:360px;
	border:1px solid #333333;
}

#google_map_b img{
	max-width:none;
}

/* アイコン */
.icon{
	margin:0 0 -3px 0;
	vertical-align:baseline;
}

/* 幅 */
.w16p{
	width:14%;
	padding:0 0 0 2%;
}

.w82p{
	width:82%;
}

.w21p{
	width:19%;
	padding:0 0 0 2%;
}

.w78p{
	width:76%;
}

.w59p{
	width:57%;
	padding:0 0 0 2%;
}

.w37p{
	max-width:267px;
	width:37%;
}

.w24p{
	max-width:173px;
	width:24%;
	padding:0 0 0 2%;
}

.w71p{
	width:71%;
	padding:60px 0 0 0;
}

.w64p{
	width:64%;
}

.w32p{
	width:32%;
}

.w33p{
	width:30%;
	padding:0 0 0 3%;
}

.w61p{
	width:61%;
}

.w45p{
	max-width:326px;
	width:45%;
}

.w80p{
	width:270px;
}

.w19p{
	width:50px;
	text-align:right;
}

.w10p{
	width:30px;
}

.w88p{
	width:670px;
}

.w370{
	width:370px;
}

.w120{
	width:110px;
	text-align:center;
}

.w560{
	width:560px;
}

.w150{
	width:140px;
}

.w210{
	width:200px;
	text-align:right;
}

.w165{
	width:165px;
	padding:7px 0 13px 0;
}

.w755{
	width:755px;
}

.w170{
	width:170px;
}

.w25{
	width:25px;
}

.w450{
	width:450px;
}

.w230{
	width:230px;
}

.w80{
	width:80px;
}

.w350{
	width:350px;
}

.w475{
	width:475px;
}

.w400{
	width:400px;
	margin:30px 0 0 0;
}

.w405{
	width:400px;
	margin:30px 0 0 0;
}

.w280{
	width:280px;
	margin:-30px 0 0 0;
}

.w326{
	width:326px;
	margin:40px 0 0 0;
}

.w330{
	width:330px;
	margin:40px 0 0 0;
}

.w290{
	width:290px;
	margin:-90px 0 0 0;
}

.w295{
	width:295px;
	margin:30px 0 0 0;
}

.w428{
	width:428px;
	margin:-10px 0 0 0;
}

.w_text30{
	width:30%;
	padding:4px 20px 4px 0;
}

.w_text15{
	width:15%;
}

.w_img{
	padding:0 20px 15px 0;
}

.w_img_s{
	padding:4px 20px 4px 0;
}

.w_img_3c{
	padding:0 17px 15px 0;
}

.w_img_3c_l{
	padding:0 0 15px 0;
}

.w_form{
	padding:0 40px 20px 0;
}

/* テーブル */
table{
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	font-size:100%;
}

tr{
	border-spacing:0;
}

td{
	border-spacing:0;
	vertical-align:top;
}

.table_normal td{
	padding:3px 5px 3px 5px;
	border:solid 1px #000000;
}

.table_form{
	width:100%;
}

.table_form td{
	padding:0 0 18px 0;
}

.td_orange{
	background:#ffe3c5;
}

.td_green{
	background:#006600;
	color:#FFFFFF;
}

.td_mikan{
	background:#ffBB00;
}

.td_water{
	background:#ccffff;
}

.td_emerald{
	background:#ccffcc;
}

.td_dot_b{
	width:755px;
	background:url(../img/common/dot03.png) repeat-x bottom;
	padding:0 0 30px 0;
}

/* マージン */
.m5{
	margin:0 0 5px 0;
}

.m10{
	margin:0 0 10px 0;
}

.m15{
	margin:0 0 15px 0;
}

.p15{
	padding:15px 0 0 0;
}

.m20{
	margin:0 0 20px 0;
}

.m25{
	margin:0 0 25px 0;
}

.p35{
	padding:35px 0 0 0;
}

.m30{
	margin:0 0 30px 0;
}

.m35{
	margin:0 0 35px 0;
}

.m40{
	margin:0 0 40px 0;
}

.p40{
	padding:0 0 40px 0;
}

.m45{
	margin:0 0 45px 0;
}

.m50{
	margin:0 0 50px 0;
}

.m60{
	margin:0 0 60px 0;
}

.m70{
	margin:0 0 70px 0;
}

.m80{
	margin:0 0 70px 0;
}

.m90{
	margin:0 0 90px 0;
}

.m100{
	margin:0 0 100px 0;
}

.m200{
	margin:0 0 200px 0;
}

/* テキスト寄せ */
.text_center{
	width:100%;
	text-align:center;
}

.text_center img{
	max-width:100%;
	height:auto;
	width:auto\9; /* ie8 */
}

.text_right{
	width:100%;
	text-align:right;
}

.text_right_pc{
	width:100%;
	text-align:right;
}

/* フロート */
.float_l{
	float:left;
}

.float_r{
	float:right;
}

.float_l_pc{
	float:left;
}

.float_r_pc{
	float:right;
}

/* 画像 */
img{
	max-width:100%;
	height:auto;
	width:auto\9; /* ie8 */
}

/* トップに戻る
---------------------------------------------------- */
#to_top{
	position:fixed;
	bottom:82px;
	right:0;
	z-index:300;
}

/* フッター（BtoC）
---------------------------------------------------- */
#footer_top{
	padding:30px 0 27px 0;
	background:url(../img/common/footer_bg01.png) repeat;
}

#footer_top_t{
	padding:6px 0 0 0;
	background:url(../img/common/header_bg02.png) repeat-x top;
}

/* フッター（BtoB）
---------------------------------------------------- */
#footer{
	padding:30px 0 27px 0;
	background:#cc0000;
}

.banner_foot{
	padding:10px 0 10px 0;
	border-top:4px solid #cc0000;
}

/* Easy Select Box
---------------------------------------------------- */
.form_ss .easy-select-box{
	width:80px;
}

.form_ss .easy-select-box ul{
	width:70px;
	height:200px;
}

.form_ss .easy-select-box .easy-select-box-disp,
.form_ss .easy-select-box .easy-select-box-disp:visited{
	background: url(../img/common/bg-select_ss.png) no-repeat 0 0;
}

.form_s .easy-select-box{
	width:110px;
}

.form_s .easy-select-box ul{
	width:100px;
}

.form_s .easy-select-box .easy-select-box-disp,
.form_s .easy-select-box .easy-select-box-disp:visited{
	background: url(../img/common/bg-select_s.png) no-repeat 0 0;
}

.form_m .easy-select-box{
	width:240px;
}

.form_m .easy-select-box ul{
	width:230px;
	height:200px;
}

.form_m .easy-select-box .easy-select-box-disp,
.form_m .easy-select-box .easy-select-box-disp:visited{
	background: url(../img/common/bg-select_m.png) no-repeat 0 0;
}

.form_l .easy-select-box{
	width:420px;
}

.form_l .easy-select-box ul{
	width:410px;
	height:200px;
}

.form_l .easy-select-box .easy-select-box-disp,
.form_l .easy-select-box .easy-select-box-disp:visited{
	background: url(../img/common/bg-select_l.png) no-repeat 0 0;
}

.easy-select-box{
	position:relative;
	display:inline-block;
	font-size:108%;
	color:#0c2245;
}

.easy-select-box .easy-select-box-disp,
.easy-select-box .easy-select-box-disp:visited{
	display:block;
	color:#0c2245;
	padding:8px 8px 8px 8px;
	height:22px;
	text-decoration:none;
}

.easy-select-box .easy-select-box-disp:hover{
	position:relative;
	background-position: 0 -38px;
	text-decoration:none;
}

.easy-select-box ul{
	padding:5px 5px 5px 5px;
	position:absolute;
	top:100%;
	left:0;
	border:1px solid #cccccc;
	display:none;
	z-index:99;
	overflow:auto;
	background:#FFFFFF;
}

.easy-select-box ul li a,
.easy-select-box ul li a:visited{
	background:#FFFFFF;
	display:block;
	color:#0c2245;
	cursor:default;
	text-decoration:none;
}

.easy-select-box ul li a:hover{
	background:#3399ff;
	color:#FFFFFF;
	text-decoration:none;
}

.hide{
	display:none;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/* clearfix
---------------------------------------------------- */
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
	font-size:0px;
}

/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}