@charset 'utf-8';
@import url("common.css");


/* ========== container ========== */

#container {
	width				: 750px;
	margin				: 0 auto;
}

/* ========== top ========== */

#top {
	margin				: 0 0 20px 0;
}
.minsa {
	margin				: 5px 0;
	}
.top_right {
	width				: 350px;
	height				: 600px;
	float				: right;
}

.top_left {
	width				: 400px;
	height				: 600px;
	float				: left;
}


/* ========== header ========== */

.header {
	width				: 750px;
	height				: 100px;
	text-align			: right;
	color				: #D3D3D3;
	font-size			: 10px;
	margin				: 0 auto;
}

#herder_navi {
	font-color			: #D3D3D3;
	height				: 20px;
	letter-spacing		: 1px;
	line-height			: 20px;
	margin				: 0 0 0 530px;
}

#herder_navi li {
	display				: inline;
	padding				: 0 5px;
	list-style			: none;
	float				: left;
} 

#herder_navi li a:link, #herder_navi li a:visited {
	color				: #D3D3D3;
	text-decoration		: none;
}

#herder_navi li a:hover {
	color				: #FF5C00;
}

#navi {
	width				: 750px;
	height				: 30px;
	font-size			: 12px;
	margin				: 10px 0 0 0 ;
	
	
}

#navi li {
	display				: inline;
	float				: left;
	margin				: 0 4px;
}

#navi li a {
	color			: #FF5C00;
	text-decoration		: none;
	line-height			: 30px;
	width				: 142px;
	height				: 30px;
	display				: block;
	background			: url("../img/naviwaku.gif") no-repeat ;
}

#navi li a:hover {
	color				: #FFD6B2;
	text-decoration		: none;
	line-height			: 30px;
	width				: 142px;
	height				: 30px;
	display				: block;
	background			: url("../img/naviwaku2.gif") no-repeat ;
}

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

.entybody p a {
	color				: #f7cb53;
}

.entybody p a:hover {
	color				: #fee7a7;
}

/* ========== PAN ========== */

.pan {
	font-size			: 10px;
	width				: 740px;
	text-align			: right;
	color				: gray;
	margin				: 2px 0 20px 0;
}

.pan a {
	color				: gray;
	text-decoration		: none;
}

.pan a:hover {
	color				: #FFD6B2;
}

/* ========== LEFT ========== */

#left {
	width				: 220px;
	float				: left;
	text-align			: center;
	border				: 1px solid #522915;
}

#boxnavi {
	width				: 220px;
	height				: 220px;
	margin				: 0 auto;
}

.minibox {
	line-height			: 100px;
	vertical-align		:middle;
	width				: 100px;
	height				: 100px;
	margin				: 4px;

}
.sub_navi {
	margin				: 5px 0;
	clear				: both;
	font-size			: 12px;
}

.sub_navi a {
	color				: #CDA67D;
	width				: 200px;
	height				: 25px;
	text-decoration		: none;
	display				: block;
	margin				: 10px auto;
	_margin				: 10px 0 0 10px;
	line-height			: 25px;
	background			: url("../img/navihaikei.jpg") no-repeat ;
}

.sub_navi a:hover {
	color				: #F4EAE0;
	width				: 200px;
	height				: 25px;
	text-decoration		: none;
	display				: block;
	margin				: 10px auto;
	_margin				: 10px 0 0 10px;
	line-height			: 25px;
	background			: url("../img/navihaikei2.jpg") no-repeat ;
	
}

/* ========== LEFT 高さ設定 ========== */

.history_navi {
	height				: 2000px;
}

/* ========== main ========== */

#main {
	width				: 510px;
	float				: right;
	border				: 1px solid #522915;
	padding				: 5px;
	margin				: 0 0 0 6px;
	color				: #cccccc;
}



h2 {
	font-size			: 25px;
	line-height			: 35px;
	color				: #FC6B32;
	text-align			: left;
	background			: url("../img/bo.gif") no-repeat ;
	margin				: 10px 0 20px 10px;
	padding				: 0 0 0 15px;
	height				: 35px;
	vertical-align		: middle;
}

h3 {
	color				: #F7D391;
	margin				: 5px 0;
}

h4 {
	color				: #FFCC99;
	margin				: 5px 0;
}

/* ========== footer ========== */

#footer {
	width				: 750px;
	clear				: both;
	text-align			: center;
	margin				: 0 0 20px 0;
	padding				: 20px 0 0 0;
}

.footer_inquiry {
	width				: 750px;
	border				: 1px solid #D57219;
	letter-spacing		: 2px;
	line-height			: 20px;
	font-size			: 12px;
	color				: #808080;
	margin				: 10px auto;
}

#footer_navi {
	font-size			: 10px;
	text-align			: right;
	height				: 16px;
	letter-spacing		: 2px;
	line-height			: 20px;
	margin				: 0 0 0 490px;
	padding				: 0;
}

#footer_navi li {
	display				: inline;
	padding				: 0 5px;
	list-style			: none;
	float				: left;
} 

#footer_navi li a:link, #footer_navi li a:visited {
	color				: #D3D3D3;
	text-decoration		: none;
}

#footer_navi li a:hover {
	color				: #FF5C00;
}


/* ========== 組合概要 ========== */

#gaiyou {
	width				: 390px;
	margin				: 0 auto;
	text-align			: left;
}

.gaiyo_h3 {

}

.gaiyou_box {
	margin				: 30px 0 ;
}

/* ========== 歴史 ========== */
#history {
	text-align			: left;
	
}

.historybox {
	width				: 320px;
	text-align			: left;

}

.historybox p {
	line-height			: 24px;

}

#historytable {
	background			: #222222;
	float				: right;
	width				: 170px;
	margin				: 65px 0 0 0 ;
	padding				: 8px;
}

#historytable dl {
	margin				: 15px 0;
}

#historytable dt {
	color				: #FFCC99;
}

#historytable dd {
	display				: inline;
}

/* ========== 沖縄そばの日 ========== */

#sobaday {
	text-align			: left;
}

.sobaday_text {
	width				: 490px;
	text-aling			: left;
	line-height			: 24px;
}

.day_img {
	margin				: 10px 15px 5px 5px;
}

/* ========== 本場沖縄そばの定義 ========== */

#define {
	text-align			: left;
}

.define_text {
	width				: 490px;
	text-aling			: left;
	line-height			: 20px;
}

/* ========== 沖縄そばの種類 ========== */

#shurui {
	text-align			: left;
}

.shurui_text {
	width				: 490px;
	text-aling			: left;
	line-height			: 20px;
}

/* ========== お問い合わせ ========== */

#contact {
	text-align			: left;
}

.contact_text {
	width				: 490px;
	text-aling			: left;
	line-height			: 20px;
}

/* ========== 沖縄そばとは ========== */

#about {
	
}

.about_text {
	width				: 450px;
	text-align			: center;
	margin				: 0 auto;
	zoom:1;
}

.about_text:after {
	content				: ".";  
	display				: block;  
	visibility			: hidden;  
	height				: 0.1px;  
	font-size			: 0.1em;  
	line-height			: 0;  
	clear				: both; 
}

.about_img {
	width				: 450px;
	text-align			: center;
	margin				: 0 auto;
}

.aboutgu1 {
	width				: 320px;
	height				: 170px;
	text-align			: center;
	margin				: 10px auto;
}

.aboutgu2 {
	color				: #AAAAAA;
	font-size			: 12px;
	line-height			: 12px;
	zoom: 100%;
	}

.aboutgu2:after {
	content				: ".";  
	display				: block;  
	visibility			: hidden;  
	height				: 0.1px;  
	font-size			: 0.1em;  
	line-height			: 0;  
	clear				: both;
	}

.aboutgu2 img {
	margin				: 10px;
}

.aboutmen_table {
	margin				: 25px auto;
}

.aboutmen_table td {
	line-height			: 20px;
	padding				: 2px;
	}

.about_text dl {
	width				: 100px;
	height				: 180px;
	float				: left;
	line-height			: 20px;
	margin				: 10px 20px;
}

.about_text dt {
	color				: #FC6;
	font-size			: 12px;
	line-height			: 20px;
}

.about_text dd {
	color				: #CCC;
	text-align			: left;
	font-size			: 12px;
	line-height			: 20px;
}

.abox2 {
	margin				: 10px;
}

.aboutmen_text {
	text-align			: left;
	margin				: 0 auto;
	font-size			: 14px;
	line-height			: 20px;
	color				: #AAAAAA;
}

.mokuhai {
	text-align			: center;
	width				: 420px;
	height				: 200px;
	margin				: 0 auto;
}

.yakumi {
	clear				: both;
	width				: 450px;
	height				: 100px;

}

.yakumi_title {
	color				: #F7D391;
}


/* ========== 麺の作り方 ========== */

.recipe {
	margin				: 0 auto;
	width				: 300px;
	}
.recipe2 {
	margin				: 30px auto;
	width				: 450px;
	}
	
.recipe2 img {
	display				: inline;
	}

.tukuri {
	margin				: 0 auto;
	width				: 420px;
	color				: #CCC;
	text-align			: left;
	
	}

.make_men_text {
	text-align			: center;
}

.makebox {
	width				: 450px;
	text-align			: left;
	margin				: 20px auto;
	clear				: both;
}

.makebox p {
	margin				: 0 5px;
}

.makenum {
	font-size			: 25px;
	color				: #f4a460;
	}

/* ========== Q&A ========== */

.qanda {
	margin				: 20px 0;
	font-size			: 14px;
	line-height			: 16px;
	}

.qanda_body {
	text-align			: left;
	margin				: 0 auto;
	width				: 450px;
	color				: #AAAAAA;
	}
	
/* ========== kumiai ========== */

.kumiai table {
	width				: 400px;
	text-align			: left;
	margin				: 0 auto;
	}
	
.kumiai th ,.kumiai td {
	color				: #CCCCCC;
	font-size			: 14px;
	line-height			: 30px;
	}
	
.kumiai .pr {
	color				: #CCCCCC;
	border				: 1px solid #522915;
	padding				: 5px;
	margin				: 0 auto;
	min-height			: 50px;
	width				: 450px;
	font-size			: 14px;
	line-height			: 20px;
	}
.kumiai .pr p {
	width				: 400px;
	text-align 			: left;
	margin				: 0 auto;
	}
	
.kumiai .photo {
	width				: 200px;
	margin				: 10px auto 0 auto;
	}

.adr {
	width				: 300px;
	height				: 300px;
	margin				: 10px auto;
	}

.adr:after {
	content				: ".";  
	display				: block;  
	visibility			: hidden;  
	height				: 0.1px;  
	font-size			: 0.1em;  
	line-height			: 0;  
	clear				: both; 
	}

.syoukai {
	width				: 350px;
	color				: #CCC;
	font-size			: 14px;
	line-height			: 20px;
	margin				: 0 auto 20px auto;
	}

.kumiflash {
	margin				: 0 0 50px 0;
	}
.kumilist {
	margin				: 0 auto;
	}

.kumilist td {
	text-align			: left;
	line-height			: 22px;
	width				: 150px;
	}

.kumilist td a {
	color				: #EEE;
	text-decoration		: none; 
	}

.kumilist td a:hover {
	color				: #ffd700;
	}

.kumiaititle {
	width				: 150px;
	font-size			: 12px;
	line-height			: 2;
	float				: left;
	margin				: 5px 6px;
	border				: 1px solid #ccc;
}

.kumiaititle a {
	color				: #ccc;
	text-decoration		: none;
}

.kumiaititle a:hover {
	color				: #fff;
	text-decoration		: none;
}

/* ========== school ========== */

.scl .sclp {
	text-align			: center;
	font-size			: 14px;
	line-height			: 16px;
	color				: #CCCCCC;
	margin				: 20px 0;
	}

.scl_body {
	text-align			:left;
	zoom				: 100%;
	}

.scl_body:after {
	content				: ".";  
	display				: block;  
	visibility			: hidden;  
	height				: 0.1px;  
	font-size			: 0.1em;  
	line-height			: 0;  
	clear				: both; 
	}

.scl p.scln {
	color				: #DA7000;
	font-size			: 12px;
	line-height			: 14px;
	width				: 140px;
	height				: 30px;
	margin				: 10px  auto;
	}

.sclenty {
	font-size			: 10px;
	line-height			: 12px;
	text-align			: center;
	width				: 145px;
	height				: 145px;
	border				: 5px solid #2B1600;
	margin				: 5px;
	}
.sclenty:hover {
	border				: 5px solid #522A00;
	display				: block;
	}
	
.sclenty a {
	width					: 140px;
	height					: 100px;
	display					: block;
	backgound-color			: #271400;
	margin					: 0 auto;
	}

/* ========== shop ========== */

.sobaya {
	font-size				: 14px;
	line-height				: 16px;
	color					: #AAA;
	}

.sobaya table {
	text-align				: left;
	margin					:10px auto;
	width					: 350px;
	border					: 1px solid #AAA;
	color					: #AAA;
	}

ul.soya {
	margin					: 20px 0;
	}

ul.soya li {
	margin					: 5px 0;
	}

ul.soya a {
	color					: #CCC;
	}

ul.soya a:hover {
	color					: #ffd700;
	}


.test {
	clear:both;
}

.scln a {
	color					: #eeddbb;
}
	

/* ========== 新着情報 ========== */

.newsenty {
	color					: #EEDDBB;
	font-size				: 12px;
	line-height				: 1.2;
	margin					: 10px 0;
}

.newsenty2 {
	color					: #EEDDBB;
	font-size				: 12px;
	line-height				: 1.2;
	margin					: 50px 0;
}

.newsenty2 a {
	color					: #EDB;
	text-decoration			: none;
}

.newsenty2 a:hover {
	color					: #FA0;
}

.entytit {
	width					: 450px;
	font-size				: 16px;
	line-height				: 20px;
	background				: url("http://www.oki-soba.jp/img/menewstit.gif") no-repeat;
	background-position		: left	center;
	text-align				: left;
	margin					: 20px auto;
	padding					: 0 0 0 25px;
	border-bottom					: 1px solid #EDB;
}

.entybody {
	width					: 450px;
	text-align				: left;
	margin					: 0 auto;
}

.entybody img {
	margin					: 10px 0;
}

.entryjoho {
	width					: 450px;
	text-align				: right;
	border-top				: 1px dashed #EDB;
	margin					: 10px auto 0 auto;
}


.commingsoon {
	height					: 300px;
	color					: #EDB;
}

.commingsoon p {
	margin					: 100px 0;
}

.sobalogo2 {
	color					: #EDB;
	font-size				: 12px;
	width					: 420px;
	margin					: 0 auto;
	text-align				: left;
}

.sobalogo1 {
	font-size			: 12px;
	line-height			: 1.2;
	color				: #EDB;
	text-align			: center;
}

.sobalogo1 a {
	color				: #EDB;
	margin				: 5px 0;
}

.sobalogo1 a:hover {
	color				: #F90;
}

.logotext {
	text-align			: left;
	width				: 180px;
	margin				: 15px auto;
}

.logotyui {
	margin					: 20px 0;
}



/* ========== 年越し沖縄そば ========== */

.takyubin {
	 border-collapse		: collapse;
	 border-spacing		: 0;
	width: 400px;
	border: 1px solid #c6b99e;
}

.takyubin th, .takyubin td {
	padding:3px;
	border: 1px dashed #c6b99e;
}