@charset "UTF-8";

*{
	font-family:Verdana,Helvetica,Arial,sans-serif;
	color:#333;
}
.center{
	text-align:center;
}

/* --- 全体の背景・テキスト --- */
body {
	margin: 0;
	padding: 0;
	/*background:#000000;*/
	background:url(../image/bg_main.jpg) no-repeat top;
	background-color: #000000; /* 全体の背景色 */
	color: #ffffff; /* 全体の文字色 */
	font-size: 80%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #ff8000; }
a:active { color: #ff0000; }

/* ---画像ファイルの境界線--- */
img{
	border:0;
}

/* --- ページのタイトル ---*/
#title{
	width:880px;	
	height:150px;
	margin:0 auto;
}

/* --- タイトル部 ---*/
#title h1.pageTitle{
	padding:20px 0 2px 0;
}
#title p.subTitle{
	padding:0 30px;
	font-weight:bold;
	font-size:130%;
	color:#66ff00;
}
#top{
	float:right;
	width:300px;
	height:140px;
	padding-top:5px;
	/*border:2px solid #550055;
	background:#6a00a4; */
}
/*#top p.guide{
	font-size:100%;
	text-align:right;
	padding:5px 20px 0;
	color:#ffffff;
}*/
#top h2.guide{
	font-size:180%;
	text-align:right;
	padding:40px 20px 0 0;
	color:#ffff00;
}
/*#top h3.guide{
	font-size:130%;
	text-align:right;
	padding:50px 20px 0 20px;
	color:#ffffff;
}*/
#top a{
	color:#ffff00;
	text-decoration:none;
}
#top a:hover{
	color:#00ff00;
}

/* --- コンテナ --- */
#container {
	width: 880px; /* コンテナの幅 */
	margin: 0 auto; /* センタリング */
	background-color: #ffffff; /* コンテナの背景色 */
	border-left: 1px #3e1485 solid; /* コンテナの左境界線 */
	border-right: 1px #3e1485 solid; /* コンテナの右境界線 */
}
/* --- ページ --- */
#page {
	width: 880px; /* ページの幅 */
	margin: 0 auto; /* センタリング */
	background:#e6e6fa;
}

/* --- ▼ヘッダ内の設定開始 --- */
/* --- ヘッダ --- */
#header {
	position: relative; /* 相対配置（ガイドメニューのために設定） */
	width: 100%; /* IE 6のために幅の指定が必要 */
	height:150px;
	margin: 0; /* ヘッダのマージン（上、左右、下） */
}

/* ヘッダの写真 */
#header div.top{
	padding:0; /* ヘッダのパディング（上、左右、下） */
	/* background:url(../image/top.jpg) no-repeat left; */
}

#header h1.pageTitle{
	padding:13px 30px 0;
	/*font-weight:bold;
	font-size:300%;
	color:#4b0082;*/
}
#header p.subTitle{
	padding:0 60px;
	font-weight:bold;
	font-size:130%;
	color:#ff6633;
}
#header ul.guide{
	position:absolute;
	top:35px;
	right:20px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#header ul.guide li.first{
	border-left:none
}
#header ul.guide li{
	display:inline;
	padding:0 4px 0 8px;
	border-left:1px solid #ffffff;
}
/*#header ul.guide li a{
	text-decoration:none;
	color:#ffffff;
}*/
#header ul.guide li a:hover{
	color:#ffff00;
	text-decoration:underline;
}
/* --- ▲ヘッダ内の設定終了 --- */

/* --- メニュー項目 --- */
#menu{
	position:relative;
	width:100%;
	margin-top:5px;
	padding:0;
}
#menu ul.list{
	width:100%;
	margin:0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
/* メニューの背景 */
#menu ul.list li{
	width:122px;
	float:left;
	line-height:250%;
	background:url(../image/bg_purple.gif) repeat-x left;
	border:1px solid #330033;
}
#menu ul.list li a{
	display:block;
	position:relative;
	padding:0;
	color:#ffeeff;
	text-decoration:none;
}
#menu ul.list li.first{
	width:134px;
}
#menu ul.list li.first a{
	border-left:none;
}
#menu ul.list li a:hover{
	background:url(../image/bg_purple_over.gif) repeat-x left;
}

/* --- ▼コンテンツ内の設定開始 --- */
/* --- コンテンツ --- */
#content {
	width: 100%; /* コンテンツの幅 */
	margin-bottom: 10px; /* コンテンツの下マージン */
}

#content p{
	padding:0 25px;
	margin:5px 0;
}

/* --- ▼メインカラム内の設定開始 --- */
/* --- メインカラム --- */
#main {
	margin-top:10px;
	float: right;
	width: 600px; /* メインカラムの幅 */
}
#main div.section {
	margin:0 20px 10px 20px; /* セクションのマージン */
	background:#ffffff;
}
#main div.section p{
	padding:0 20px;
}
#main div.section p.murasaki{
	font-size: 120%;
	line-height: 150%;
}
#main div.section p.yurai{
	margin:0 0 10px 0;
	font-size: 120%;
	padding-left:400px;
}
#main div.section h2{
	margin:0 0 0.7em;
	padding:5px 8px;
	font-size:120%;
	color:#333333;
}
#main div.section h3{
	margin:0 0 0.7em;
	padding:5px 20px;
	font-size:100%;
	color:#333333;
}
#main div.normal h2{
	background:url(../image/bg_normal.gif) repeat-x top;
}
#main ul{
	padding:0 20px 10px 20px;
}
#main ul li{
	list-style-type:none;
	line-height:200%;
	border-bottom:1px dashed #cccccc; /* 文字の下の線 */
}

#main ul.home{
	padding:0;
	width:560px;
}
#main ul.home li.photo{
	padding:0 2px;
	float:left;
	border-bottom:none;
	line-height:110%;
}

#main ul.ryouri_1{
	padding:0;
	width:560px;
	height:345px;
}
#main ul.ryouri_2{
	padding:0;
	width:560px;
	height:225px;
}
#main ul li.photo{
	padding:0 10px;
	float:left;
	border-bottom:none;
	line-height:100%;
	text-align:center;
}
#main ul.ryouri_1 p{
	margin:0;
	padding:0 0 15px 0;
	text-align:center;
}
#main ul.ryouri_2 p{
	margin:0;
	padding:0 0 15px 0;
	text-align:center;
}

#main dl{
	padding:0 20px 0 0 ;
}
#main dl dt{
	font-weight:bold;
	font-size:120%;
	padding:0 20px 5px 20px;
}
#main dl dd{
	border-bottom:1px dashed #cccccc;
}
/* 見出しの背景 */
#main div.blue{
	/* border:1px solid #568df3; */
}
#main div.red{
	border:1px solid #dc143c;
}
#main div.orange{
	/* border:1px solid #ff8c00; */
}
#main div.green{
	border:1px solid #3cb371;
}

#main div.blue h2{
	background:url(../image/bg_blue.gif) repeat-x left;
}
#main div.green h2{
	background:url(../image/bg_green.gif) repeat-x left;
}
#main div.orange h2{
	background:url(../image/bg_orange.gif) repeat-x left;
}
#main div.red h2{
	background:url(../image/bg_red.gif) repeat-x left;
}
.box{
	height:80px;
	padding:0 1em;
	vertical-align:top;
}
.img-space{
	padding:0 20px 0 0;
	float:left;
}

#main div.purple{
	border:1px solid #4b0082;
	background:#ffffff;
}
#main div.purple h2{
	background:url(../image/bg_title_purple.gif) left;
	color:#fffeff;
	padding-left:40px;
}
#main div.section table.products{
	width:556px;
	border-collapse:collapse;
}
#main div.section td{
	text-align:center;
}
#main div.section td a{
	text-decoration:none;
}
#main div.logbox{
	border: solid 1px #aaaaaa;
	overflow: auto;
	padding-right:10px;
}

/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー内の設定開始 --- */
/* --- サイドバー --- */
#nav {
	float: right;
	width: 260px; /* サイドバーの幅 */
	margin-top:10px;
}
/* --- セクション（共通設定） --- */
#nav div.section {
	margin-bottom: 10px; /* セクションの下マージン */
}
/* セクション内の文字 */
#nav div.section h2{
	margin:0 0 0.7em;
	padding:5px 8px;
	font-size:120%;
	color:#333333;
}
#nav div.section h1{
	padding:0 8px;
	font-size:150%;
}
#nav div.section ul{
	list-style-type:none;
	margin-left:0;
	padding:0;
	line-height:75%;
}

#nav div.section p{
	padding:5px 13px 5px 8px;
}
/* 青色の部分 */
#nav div.blue{
	border:1px solid #00bfff;
	background:#ffffff;
}
#nav div.blue h2{
	background:url(../image/bg_blue.gif) repeat-x left;
}
/* むらさき色の部分 */
#nav div.purple{
	border:1px solid #4b0082;
	background:#ffffff;
}
#nav div.purple h2{
	color:#fffeff;
	background:url(../image/bg_title_purple.gif) left;
	padding-left:40px;
}
#nav div.purple a{
	text-decoration:none;
}
#nav div.purple p{
	padding:0 1em;
	line-height:100%;
	font-size:120%;
	background:url(../image/bg_side_menu.gif) repeat-x left;
}

/* 緑色の部分 */
#nav div.green{
	border:1px solid #3cb371;
	background:#ffffca;
}
#nav div.green h2{
	background:url(../image/bg_green.gif) repeat left;
}
/* 赤色の部分 */
#nav div.red{
	border:1px solid #dc143c;
	background:#ffffff;
}
#nav div.red h2{
	background:url(../image/bg_red.gif) repeat left;
}
/* オレンジ色の部分 */
#nav div.orange{
	border:1px solid #ff8c00;
	background:#ffffff;
}
#nav div.orange h1{
	padding-left:20px;
}
#nav div.orange h2{
	background:url(../image/bg_orange.gif) repeat left;
}
#nav div.orange p{
	padding-left:20px;
}
/* グレーの部分 */
#nav div.normal{
	border:1px solid #888888;
	background:#ffffff;
}
#nav div.normal h2{
	background:url(../image/bg_normal.gif) repeat left;
}
/* --- ▲サイドバー内の設定終了 --- */

/* --- フロートを解除 --- */
#content hr.clear{
	clear:right;
	width:100%;
	margin:0;
	visibility:hidden;
}
/* --- ▲コンテンツ内の設定終了 --- */

/* --- ▼フッタ内の設定開始 --- */
/* --- フッタ --- */
#footer {
	padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
	border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
	background:url(../image/bg_footer.gif) repeat;

}
#footer ul.list{
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
	text-align:center;
}
#footer ul.list li{
	display:inline;
	padding:0 4px 0 8px;
	background:url(../image/menu_line.gif) no-repeat left;
}
#footer a{
	color:#fffeff;
	text-decoration: none;
}
#footer a:hover{
	color:#b8bfd8;
}
#footer ul.list li.first{
	background:none;
}
#footer ul.guide{
	margin:0 0 15px;
}
#address{
	margin-top: 10px;
	font-style:normal;
	text-align:center;
	font-size:90%;
	color:#fffeff;
}
#footer a.sainavi{
	color: #ffffff;
	text-decoration: none;
}
/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */
/* --- clearfix --- */
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}
/* --- ▲その他の設定終了 --- */