@import url("common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　概要 : 共通では無いCSSを記入コメントアウトで年号別にしておく下記参照
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 
 2012年版 特集CSS
 
--------------------------------------------------------------------------------------- */


body {
	color:#665e53 !important;
	}


a {
	color:#665e53 !important;
	text-decoration:underline;
	}
a:hover {
	color:#665e53 !important;
	text-decoration:none;
	}


.cF:after {/*for modern browser firefoxで隙間ができない*/
	content: " ";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0; 
	}





/* --------------------------------------------------------------------------------------
 TOP
--------------------------------------------------------------------------------------- */

.main_bg_top {
	position:relative;
	width:635px;
	height:340px;
	background:url("../img/2012/bg_main.jpg") left top no-repeat;
	margin-bottom:30px;
	}

.main_bg_top h1 {
	position:absolute;
	top:29px;
	left:20px;
	}

.main_bg_top h2 {
	position: absolute;
	top:159px;
	left:20px;
	}





/* --------------------------------------------------------------------------------------
 全国のそうめん
--------------------------------------------------------------------------------------- */

.top_box01 {
	position:relative;
	width:635px;
	height:286px;
	background:url("../img/2012/bg_box01.jpg") left top no-repeat;
	margin-bottom:30px;
	}
	.top_box01 h3 {
		position:absolute;
		top:18px;
		left:18px;
		}
	.top_box01 p {
		position:absolute;
		width:290px;
		top:52px;
		left:20px;
		font-size:75%;
		}
	.top_box01 .area {
		position:absolute;
		top:168px;
		left:18px;
		}
		.top_box01 .area .areabox {
			position:relative;
			width:290px;
			height:100px;
			}
			.top_box01 .area .areabox h4 {
				position:absolute;
				top:0;
				left:0;
				}
			.top_box01 .area .areabox ul {
				position:absolute;
				list-style:none;
				top:32px;
				left:0;
				}
				.top_box01 .area .areabox ul li {
					width:143px;
					height:36px;
					float:left;
					}
	.top_box01 .map {
		position:absolute;
		top:49px;
		left:337px;
		}
		.top_box01 .map .mapbox {
			position:relative;
			width:280px;
			height:215px;
			}
			.top_box01 .map .mapbox h4 {
				position:absolute;
				top:0;
				left:0;
				}
			.top_box01 .map .mapbox ul {
				position:relative;
				width:280px;
				height:215px;
				list-style:none;
				}
				.top_box01 .map .mapbox ul li.ma01 {
					position:absolute;
					top:61px;
					left:174px;
					}
				.top_box01 .map .mapbox ul li.ma02 {
					position:absolute;
					top:148px;
					left:169px;
					}
				.top_box01 .map .mapbox ul li.ma03 {
					position:absolute;
					top:103px;
					left:116px;
					}
				.top_box01 .map .mapbox ul li.ma04 {
					position:absolute;
					top:177px;
					left:86px;
					}
				.top_box01 .map .mapbox ul li.ma05 {
					position:absolute;
					top:127px;
					left:14px;
					}
				.top_box01 .map .mapbox ul li.ma06 {
					position:absolute;
					top:181px;
					left:2px;
					}






/* --------------------------------------------------------------------------------------
 そうめんコラム ザ・そうめん
--------------------------------------------------------------------------------------- */

.top_box02 {
	position:relative;
	width:635px;
	min-height:258px;
	height:auto !important;
	height:258px;
	background:url("../img/2012/bg_box02.gif") 4px bottom no-repeat;
	font-size:75%;
	}
	.top_box02 h3 {
		margin-bottom:20px;
		}
	.top_box02 .photo {
		position:absolute;
		top:56px;
		right:10px;
		}
	.top_box02 .sbox {
		width:400px;
		margin-left:14px;
		}
		.top_box02 .sbox .lbox {
			width:218px;
			float:left;
			}
			.top_box02 .sbox .lbox h4 {
				margin-bottom:8px;
				}
			.top_box02 .sbox .lbox ul {
				width:218px;
				list-style:none;
				}
				.top_box02 .sbox .lbox ul li {
					width:218px;
					float:left;
					margin-bottom:5px;
					}
					.top_box02 .sbox .lbox ul li a {
						padding-left:10px;
						background:url("../img/2012/arrow_box02.gif") left center no-repeat;
						}
		.top_box02 .sbox .rbox {
			width:182px;
			float:left;
			}
			.top_box02 .sbox .rbox h4 {
				margin-bottom:8px;
				}
			.top_box02 .sbox .rbox ul {
				width:182px;
				list-style:none;
				}
				.top_box02 .sbox .rbox ul li {
					width:182px;
					float:left;
					margin-bottom:5px;
					}
					.top_box02 .sbox .rbox ul li a {
						padding-left:10px;
						background:url("../img/2012/arrow_box02.gif") left center no-repeat;
						}





/* --------------------------------------------------------------------------------------
 そうめん3
--------------------------------------------------------------------------------------- */

.top_box03 {
	width:635px;
	margin-bottom:15px;
	background:url("../img/2012/bg_box03_body.gif") left top no-repeat;
	}
	.top_box03 .body {
		width:635px;
		}
	.top_box03 .box1 {
		width:202px;
		margin-right:15px;
		padding-bottom:15px;
		float:left;
		background:url("../img/2012/bg_box03_box.gif") left top no-repeat;
		}
		.top_box03 .box1 h3 img {
			position:absolute;
			top:15px;
			left:15px;
			}
	.top_box03 .box2 {
		width:202px;
		margin-right:14px;
		padding-bottom:15px;
		float:left;
		background:url("../img/2012/bg_box03_box.gif") left top no-repeat;
		}
		.top_box03 .box2 h3 img {
			position:absolute;
			top:15px;
			left:15px;
			}
	.top_box03 .box3 {
		width:202px;
		padding-bottom:15px;
		float:left;
		background:url("../img/2012/bg_box03_box.gif") left top no-repeat;
		}
		.top_box03 .box3 h3 img {
			position:absolute;
			top:9px;
			left:13px;
			}
	.top_box03 h3 {
		display:block;
		position:relative;
		width:202px;
		height:46px;
		}
	.top_box03 .photo {
		width:202px;
		height:122px;
		text-align:center;
		}
	.top_box03 p {
		width:170px;
		margin:0 auto;
		font-size:75%;
		}
	.top_box03 .foot {
		position:relative;
		width:635px;
		height:42px;
		line-height:0;
		font-size:0;
		background:url("../img/2012/bg_box03_foot.gif") left bottom no-repeat;
		}
		.top_box03 .foot .ba01 {
			position:absolute;
			top:0;
			left:15px;
			}
		.top_box03 .foot .ba02 {
			position:absolute;
			top:0;
			left:232px;
			}
		.top_box03 .foot .ba03 {
			position:absolute;
			top:0;
			left:448px;
			}





/* --------------------------------------------------------------------------------------
 そうめんレシピ
--------------------------------------------------------------------------------------- */

.top_box04 {
	width:635px;
	margin-bottom:30px;
	background:url("../img/2012/bg_box04_body.gif") left top no-repeat;
	}
	.top_box04 .body {
		width:635px;
		}
	.top_box04 .box1 {
		width:310px;
		margin-right:15px;
		padding-bottom:15px;
		float:left;
		background:url("../img/2012/bg_box04_box01.gif") left top no-repeat;
		}
		.top_box04 .box1 h3 img {
			position:absolute;
			top:17px;
			left:15px;
			}
	.top_box04 .box2 {
		width:310px;
		padding-bottom:15px;
		float:left;
		background:url("../img/2012/bg_box04_box02.gif") left top no-repeat;
		}
		.top_box04 .box2 h3 img {
			position:absolute;
			top:17px;
			left:15px;
			}
	.top_box04 h3 {
		display:block;
		position:relative;
		width:202px;
		height:47px;
		}
	.top_box04 .photo {
		width:310px;
		height:116px;
		text-align:center;
		}
	.top_box04 p {
		width:280px;
		margin:0 auto;
		font-size:75%;
		}
	.top_box04 .foot {
		position:relative;
		width:635px;
		height:42px;
		line-height:0;
		font-size:0;
		background:url("../img/2012/bg_box04_foot.gif") left bottom no-repeat;
		}
		.top_box04 .foot .ba01 {
			position:absolute;
			top:0;
			left:16px;
			}
		.top_box04 .foot .ba02 {
			position:absolute;
			top:0;
			left:341px;
			}






/* --------------------------------------------------------------------------------------
 独断と偏見による麺類ナンデモ対決！
--------------------------------------------------------------------------------------- */

.top_box05 {
	position:relative;
	width:635px;
	min-height:308px;
	height:auto !important;
	height:308px;
	background:url("../img/2012/bg_box05.gif") 418px bottom no-repeat;
	font-size:75%;
	}
	.top_box05 h3 {
		margin-bottom:20px;
		}
	.top_box05 .photo {
		position:absolute;
		top:52px;
		left:-252px;
		}
	.top_box05 p {
		width:365px;
		margin-bottom:20px;
		padding-left:260px;
		}
	.top_box05 div {
		padding:0 0 28px 260px;
		}






/* --------------------------------------------------------------------------------------
 バックナンバー
--------------------------------------------------------------------------------------- */

.top_box06 {
	width:635px;
	background:url("../img/2012/bg_box06_body.gif") left top no-repeat;
	font-size:75%;
	}
	.top_box06 .body {
		width:635px;
		}
	.top_box06 h3 {
		display:block;
		position:relative;
		width:635px;
		height:40px;
		}
		.top_box06 h3 img {
			position:absolute;
			top:17px;
			left:13px;
			}
	.top_box06 ul {
		width:400px;
		margin-left:16px;
		list-style:none;
		}
		.top_box06 ul li {
			width:190px;
			float:left;
			}
			.top_box06 ul li a {
				padding-left:10px;
				background:url("../img/2012/arrow_box06.gif") left center no-repeat;
				}
	.top_box06 .foot {
		position:relative;
		width:635px;
		height:16px;
		line-height:0;
		font-size:0;
		background:url("../img/2012/bg_box06_foot.gif") left bottom no-repeat;
		}