﻿@charset "utf-8";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
body {
	font-size: 75%;
	line-height: 1.5;
	color: #333333;
	background-color: #FFFFFF;
	text-align: center; /* ＩＥ用 */
	margin: 0 auto;
	padding: 0;
}
img {
	border: none;
}

/* -----------link--------------------------- */
a {
	color:#C95472;
	text-decoration:none;
}
a:visited {
	color:#C95472;
}
a:hover {
	color:#50B622;
}
a:active {
	color:#50B622;
}


/* ロゴ
---------------------------------------------*/
#header {
	background: #FFFFFF url(../images/head_bg.jpg) left top no-repeat;
	width: 800px;
	border-right: 1px solid #50B622;
	border-left: 1px solid #50B622;
	text-align: left;
}
.left_img {
	float: left;
	margin-right: 10px;
}

/* ナビゲーション
---------------------------------------------*/
#navigation {
	width: 100%;
	clear: both;
	background-color: #FDFDFD;
	background-image: url(../images/global_nav_bg.gif); /* オフマウス時の背景画像を指定 */
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0px;
	height: 32px;
	overflow: hidden;
	border-bottom: 2px solid #CCCCCC;
}
#navigation li {
	float: left;
	width: 114px;
	margin: 0;
	padding: 0;
	border-right: 1px solid #CCCCCC;
}
#navigation a {
	display: block;
	width: 100%;
	padding: 6px 0 8px 0;
	color: #333333;
	background-color: #E9E9E9;
	background-image: url(../images/list_bg.gif); /* オフマウス時の背景画像を指定 */
	background-position: left top; /* オフマウス時の背景画像の開始位置を左上に指定 */
	text-decoration: none;
	text-align: center;
}
#navigation a:hover {
	color: #FFFFFF;
	background-color: #297E27; /* オンマウス時の背景色を指定 */
	background-position: right top; /* オンマウス時の背景画像の開始位置を右上に指定 */
}

/* メイン外枠
---------------------------------------------*/
#contentWrapper {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 800px;
	padding: 25px 0;
	background: #FFFFFF url(../images/leftside_bg2.gif) left top repeat-y;
	text-align: left;
	border-right: 1px solid #50B622;
	border-left: 1px solid #50B622;
	border-bottom: 3px solid #50B622;
}

	
	/* メイン
	---------------------------------------------*/
	#primary {
		float: right;
		width: 604px;

	}

	/* 左サイド
	---------------------------------------------*/
	#secondary {
		float: left;
		width: 180px;
	}
	

/* フッター
---------------------------------------------*/
#footer {
	clear: both;
	width: 800px;
	padding: 10px 0;
	text-align: center;
}

/* 記事本文
---------------------------------------------*/
#primary p {
	font-size: 115%;
	margin-bottom: 1em;
	/*\*/
	letter-spacing: 0.1em;
	/**/
}
#primary .date {
	font-size: 100%;
	text-align: right;
	color: #666666;
}

#primary ul{
	margin:0 30;
	list-style-type: square;
}

/* リスト
---------------------------------------------*/

	/* メイン
	---------------------------------------------*/
	#primary .list,#secondary .list {
		margin-bottom: 20px;
	}
	#primary .list li,#secondary .list li {
		margin: 5px 0px 0 15px;
		padding-left: 15px;
		background: url(../images/arrow.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
	}

	/* サイド
	---------------------------------------------*/
	#secondary .list {
		margin-bottom: 20px;
	}
	#secondary .list ul { /* ＩＥ用 */
	margin: 0;
	padding: 0;
	}
	#secondary .list li {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/arrow.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
	}
	
	/* 見出し
	---------------------------------------------*/
h2 {
	font-weight: normal;
}

h3 {
	font-size: 150%;
	color:#50B622;
	background: #FFFFFF url(../images/h3.gif) no-repeat;
	text-align:left;
	padding: 7px 0 20px 20px;
	height: 40px;
	margin: 0;
}

h4 {
	padding: 3px 15px;
	color: #FFFFFF;
	background-color: #50B622;
}

.sub {
	padding: 3px 30px;
	background: #FFFFFF url(../images/sub_title.gif) no-repeat;
	height: 30px;
	color:#50B622;
	font-weight: bold;
}

/* オススメ商品
---------------------------------------------*/
.osusume {
	width: 180px;
	border-bottom: 1px solid #CCCCCC;
	padding: 2px 0;
}

.osusume p {
	clear: both;
}
	
	/* オススメコメント部分
	---------------------------------------------*/
	.r_right {
		float: right;
		width: 102px;
		font-weight: bold;
	}

	/* オススメ写真部分
	---------------------------------------------*/
	.r_left {
		float: left;
		width: 75px;
		text-align: center;}


/* FAX用紙・ページ先頭へ
---------------------------------------------*/
.navi-right{text-align:right;
padding-right:15px;
font-size:90%;}


		
/* 右寄せ
---------------------------------------------*/
.right{text-align:right;}

/* 中央寄せ
---------------------------------------------*/
.center{text-align:center;}

/* 左寄せ
---------------------------------------------*/
.left{text-align:left;}


/* 文字
---------------------------------------------*/
.bold {font-weight:bold;}

.red{color:#FF0000;}

.orange-b{color:#ff6600; font-weight:bold; margin-top:0.5em;}

