@charset 'UTF-8';

@import "/css/default.css"; /* default.css */
@import "/css/menu.css";/* menu.css */
@import "/css/search.css";/* search.css */

@import "/css/styles.css";/* styles.css */


/* index.css
----------------------------------------------------
	Modules
	Layout
---------------------------------------------------- */



/* Layout
==============================================================================
	Container
		Visual
		Column Menu
		Column Main
		Column Sub
============================================================================== */

/* __________________________ Container */
#container {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}
#container a {
	color: #e94609;
}

/* _____________ Visual */
#visual {
	position: relative;
	margin-bottom: 30px;
	height: 290px;
}
#visual .text_alt,
#visual li {
	display: none;
	position: absolute;
}
#visual .text_alt {
	margin: 75px 0 0 75px;
	width: 460px;
	line-height: 1.6;
}
#visual .text_alt h2 {
	margin-bottom : .6em;
	font-size: 284%;
}
#visual li.active {
	display: block;
}

/* _ type Flash */
#visual_flash .inner {
	padding: 100px;
}


/* _____________ Column Menu

	Item Info
	Pickup Iteme
	Banner
_____________ */
#col_menu {
	float: left;
	width: 200px;
}


/* Item Info */
#item_info ul {
	margin-bottom: 15px;
}
#item_info li a {
	display: block;
	padding: 11px 12px 12px;
	background: url(/common/images/modules/bdr_hr_01.png) repeat-x 0 100%;
	zoom: 1;
}
#item_info li.bakers_select a {
	padding: 5px 12px 6px;
}
#item_info li.cupnoodle a {
	padding: 6px 12px 7px;
}


/* Pickup Iteme */
#item_pickup {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(/images/index_box_bg_btm.png) no-repeat bottom;
}
#item_pickup h3 {
	margin: 0;
}
#item_pickup dl {
	border: solid #f04e22;
	border-width: 0 1px;
	padding: 8px 12px 10px;
	display: none;
	_display: block;	/* IE6 */
}
#item_pickup dt {
	text-align: center;
}
#item_pickup dt a {
	display: block;
	margin-bottom: .25em;
	padding: 10px 0 .5em;
	zoom: 1;
}
#item_pickup dt a .name {
	display: block;
	margin-top: 13px;
}
#item_pickup dd {
	line-height: 1.4;
	word-wrap: break-word;
	word-break: break-all;
	text-align: justify;
	text-justify: distribute;
}
/* _ Javascript ON */
body.js_on #item_pickup dl {
	_display: none;	/* IE6 for alpha PNG */
}
body.js_on #item_pickup dl.active {
	display: block;
}


/* Banner */
#col_menu .section_bn {
	margin-bottom: 15px;
	padding-top: 1px;
	background: url(/common/images/modules/bdr_hr_01.png) repeat-x;
}
#col_menu .section_bn li img {
	float: left;
	margin-top: 5px;
	padding-bottom: 5px;
	background: url(/common/images/modules/bdr_hr_01.png) repeat-x 0 100%;
}



/* _____________ Column Main

	簡単レシピ
	うどん三昧
	ベーカーズセレクト
	最新情報
_____________ */
#index #col_main {	/* Adjust width & margin */
	margin-left: 20px;
	width: 510px;
}

/* 簡単レシピ */
#recipe_ez {
	margin-bottom: 20px;
}
#recipe_ez .section_header {
	position: relative;
}
#recipe_ez .section_header .bt_detail {
	position: absolute;
	top: 17px;
	right: 15px;
}
#recipe_ez ul {
	margin-right: -19px;
	padding-bottom: 7px;
	width: 529px;
	overflow: hidden;
}

.recipe_ez_cl {
	font-size: 0px;
	clear: right;
	height: 0px;
}
#recipe_ez li.bn {
	margin-right: 18px;
	_margin-left: 10px;
	_margin-right: 9px;
}
#recipe_ez li {
	float: right;
	width: 157px;
	margin-top: 13px;
	margin-right: 19px;
	_margin-right: 13px;
	margin-bottom: 0;
	margin-left: 0;
	_margin-left: -1px;
}

#recipe_ez li a {
	display: block;
	position: relative;
	padding: 7px 0 0 70px;
	height: 70px;
	background: url(/images/index_recipe_ez_bg.png) repeat-x 0 100%;
	color: #808080;
}
#recipe_ez li a .update {
	position: absolute;
	bottom: 10px;
	right: 5px;
}
#recipe_ez li a .update2 {
	position: absolute;
	bottom: 5px;
	right: 4px;
	color: #333333;
	font-size: 10px;
}
#recipe_ez li a .image {
	position: absolute;
	top: 5px;
	left: 5px;
	border: 3px solid #fff;
}
#recipe_ez li a:hover .image,
#recipe_ez li a:focus .image {
	border-color: #ffca2b; 
}

#recipe_ez li.bn a {
	padding: 0;
	height: auto;
	background: 0;
}

/* うどん三昧 */
#udon_zanmai {
	margin-bottom: 25px;
}

/* ベーカーズセレクト */
#bakers_select {
	margin-bottom: 25px;
}
#bakers_select h2 {
	margin-bottom: 20px;
}

/* 最新情報 */
#info_latest h2 {
	margin-bottom: .6em;
}
#info_latest h2 img {
	vertical-align: bottom;

}#info_latest h3 {
	margin: 0 10px .4em;
	font-size: 134%;
}
#info_latest table {
	margin-bottom: 1.4em;
}
#info_latest table,
#info_latest th,
#info_latest td {
	border-collapse: collapse;
	border: 0;
	padding: .3em 0;
	vertical-align: top;
	line-height: 1.6;
}
#info_latest th {
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 400;
}


/* _____________ Column Sub

	TV CM
	Carousel Section
	Corporate Information
	Aside
_____________ */
#col_sub {
}

/* TV CM */
#cm {
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(/images/index_box_bg_btm.png) no-repeat bottom;
}
#cm h2 {
	zoom: 1;
}
#cm h2 img {
	display: block;
	vertical-align: top;
}
#cm .inner {
	border: solid #f04e22;
	border-width: 0 1px;
	padding: 8px 12px 10px;
}
#cm_flash {
	text-align: center;
}
#cm .bt {
	margin: 12px 0;
	text-align: center;
}

/* Carousel Section */
#section_carousel {
	position: relative;
	margin-bottom: 15px;
	padding-top: 21px;
	width: 200px;
	background: url(/images/index_carousel_bg.png) no-repeat 0 0;
	zoom: 1;
}
#section_carousel .carousel_item {
}
#section_carousel .carousel_item ul {
	border: solid #f04e22;
	border-width: 0 2px;
	background-color: #fff;
	zoom: 1;
}
#section_carousel .carousel_item li {
	border-top: 1px solid #d6d6d6;
	zoom: 1;
}
#section_carousel .carousel_item li a img {
	filter: alpha(opacity=100);	/* for IE6's layout fix */
}
#section_carousel .carousel_item li a:hover img,
#section_carousel .carousel_item li a:focus img {
	opacity: .6;
	filter: alpha(opacity=60);
}
/* _ Navgation */
#section_carousel .nav li.back {
	position: absolute;
	top: 0;
	padding: 1px 2px;
	width: 196px;
}
#section_carousel .nav li.next {
	padding: 1px 0;
	background: url(/images/index_carousel_bg.png) no-repeat 0 100%;
	zoom: 1;
}
#section_carousel .nav li a {
	display: block;
	position: relative;
	width: 100%;
	background-color: #f04e22;
	text-align: center;
}
#section_carousel .nav li a:hover img,
#section_carousel .nav li a:focus img {
	opacity: .85;
	filter: alpha(opacity=85);
}
/* __ Javascript OFF & ON */
body       #section_carousel .nav li.back { display: none; }
body.js_on #section_carousel .nav li.back { display: block; }
body       #section_carousel .nav li.next a { visibility: hidden; }
body.js_on #section_carousel .nav li.next a { visibility: visible; }


/* Corporate Information */
#info_corp {
	float: left;	/* IE6 */
	margin-bottom: 15px;
}
#info_corp li a {
	display: block;
	padding: 11px 12px 12px;
	background: url(/common/images/modules/bdr_hr_01.png) repeat-x 0 100%;
	zoom: 1;
}
#info_corp li.thumb a {
	padding: 5px 12px 6px 0;
}

/* Aside */
#col_sub .aside {
	clear: left;
	text-align: center;
	zoom: 1;
}
#col_sub .aside li img {
	float: left;
	margin-bottom: 10px;
	vertical-align: bottom;
}
#col_sub .aside li a img {
	border: 4px solid #e6e6e6;
}
#col_sub .aside li a {
	color: #333;
}
#col_sub .aside li.link_jt {
	clear: left;
	margin-top: .3em;
}
#col_sub .aside li.link_jt img {
	float: none;
	margin: 0 10px 0 0;
	border: 0;
	vertical-align: middle;
}
#udondeli {
    margin-bottom: 25px;
}

#t_br {
    margin-bottom: 25px;
}