@charset "utf-8";
/************** Yonefu styles **************/
/* ヘッダー */
#header{
	background-image: url('../img/site/index_top_bg.gif');
	font-size: small;
	font-family: "MS PGothic";
	font-weight: normal;
	color: #333333;
	background-repeat: no-repeat;
	line-height: 35px;
}
.navi01 {
	/* ヘッダーメニューアイコン */
		background-position: center;
	background-repeat: no-repeat;
	height: 35px;
	/* background: url(../imgs/site/hnavi01.gif) ; */
}

/* ヘッダーメニュー */
#headMenu {
	width: 100%;
	height: 35px;
	background-image: url('img/bg/header_blue01.gif');
}
.headnavi {
	/* ヘッダーメニューテキスト */
	font-weight: bold;
	text-align: center;
	font-family: "MS PGothic";
	font-size: small;
	vertical-align: middle;
	line-height: 35px;
	background-image: url('../img/bg/end_menu.gif');
	background-repeat: no-repeat;
}
.headnavi a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: small;
	font-family: "MS PGothic";
	font-weight: bold;
	vertical-align: middle;
}
.headnavi a:link{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: small;
	font-family: "MS PGothic";
	text-decoration: underline;
	vertical-align: middle;
}
.headnavi a:hover {
	color: #CC0000;
	text-decoration: underline;
	font-size: 13px;
	font-family: "MS PGothic";
	font-weight: bold;
	vertical-align: middle;
}
.headnavi a:visited{
	text-decoration: none;
	font-size: small;
	font-family: "MS PGothic";
	font-weight: bold;
	vertical-align: middle;
	text-decoration: underline;
}
/* ヘッダー下装飾ライン */
.hline {
	border: 0px solid #A03434;
	background: #DBE3FF;
	line-height: 1px;
}

/********************************************************************/

/* search */
#search {
	/* サイド商品検索枠設定 */
		padding: 6px 5px 12px 5px;
	margin: 0px;
	width: auto;
	background: url('img/bg/search_blue01.gif');
	text-align: left;
	font-size: 12px;
}

#search label{
	padding: 0px;
	margin: 0px;
	color: #003366;
	font-weight: bold;
}
.text1 {
	border: 1px solid #7F9DB9;
	margin-top: 2px;
	margin-bottom: 2px;
}
/* テキストエリアデザイン設定 */
.button1{
	/* inputボタン設定 */
	color: #000000;
	border: 1px solid #FFFFCC;
	font-weight: bold;
	background-image: url('img/bg/search_bar01.gif');
}
/* search */

/* メールマガジン */
.fieldarea{
	virtical-align: center;
	padding-right: 0px;
	padding-left: 0px;
}

/********************************************************************/

/* タイトルデザイン */

.title1{
	/* タイトル1 h3 */
	line-height: 24px;
	vertical-align: middle;
	text-align: left;
	font-size: small;
	font-weight: bold;
	font-family: "MS PGothic";
	color: #FFFFFF;
}
.title1 a:visited{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 13px;
	font-weight: bold;
	font-family: "MS PGothic";
}
.title1 a{
	color: #333333;
	text-decoration: none;
}
.title1 a:link{
	color: #333333;
	text-decoration: underline;
}
.title1 a:hover{
	color: #FF0000;
	text-decoration: underline;
}

.title1_2{
	/* タイトル2 */
	margin: 0px;
	color: #333333;
	background: url('../img/bg/title_bg.gif');
	line-height: 24px;
	vertical-align: middle;
	text-align: right;
	font-size: small;
	font-weight: normal;
	font-family: "MS PGothic";
	padding-right: 10px;
}

/* タイトル2 h3 */
/*
.title2{ 
	padding: 8px 0px 0px 40px;
	margin: 0px;
	width: auto;
	color:#FFFFCC;
	height:22px;
	background: url('../img/site/title_bar02.gif');
	line-height:100%;
	vertical-align:middle;
}
.title2 a:visited{color:#FFFFCC;text-decoration:none;}
.title2 a{color:#FFFFCC;text-decoration:none;}
.title2 a:hover{color:#FFFFCC;text-decoration:underline;}
*/

/********************************************************************/

/*フッターーメニューレイアウト設定*/
#footer {
	margin: 0px;
	text-align: center;
	font-size: small;
	font-weight: normal;
	color: #FFFFFF;
	font-family: "MS PGothic";
	padding-left: 10px;
	line-height: 35px;
	vertical-align: middle;
	background-image: url('../img/bg/end_menu.gif');
	background-repeat: no-repeat;
}
.footnavi {
	/*フッターメニューテキスト設定*/
	font-family: "MS PGothic";
	font-size: small;
	font-weight: normal;
	line-height: 35px;
}
.footnavi a{
	text-decoration: none;
	font-size: small;
	font-family: "MS PGothic";
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	line-height: 150%;
}
.footnavi a:link{
	color: #333333;
	text-decoration: none;
	font-size: small;
	font-family: "MS PGothic";
	font-weight: normal;
	text-align: left;
	text-decoration: underline;
	line-height: 150%;
}
.footnavi a:hover {
	color: #333333;
	text-decoration: underline;
	font-size: small;
	font-family: "MS PGothic";
	font-weight: normal;
	text-decoration: underline;
	line-height: 150%;
}
.footnavi a:visited {
	text-decoration: underline;
	line-height: 150%;
	color: #FFFFFF;
}
#copyright {
	/*コピーライト*/
	margin: 0px;
	color: #666666;
	text-align: center;
	font-size: small;
	vertical-align: middle;
	font-family: Arial;
	font-weight: normal;
	line-height: 150%;
}
/********************************************************************/
/* 店舗タイトルデザイン */

.portfolio_header{
	/* タイトル1 */
	margin: 0px;
	color: #333333;
	background: url('../img/site/portfolio_title.jpg');
	text-align: left;
	height: 100px;
}
.siteName {
	/* サイト名 h1（テキストの場合使用） */
	margin: 0px;
	padding: 13px 10px 5px 13px;
	width: 400px;
	font-size: 180%;
}
.siteName a {
	color: #663300;
	text-decoration: none;
	font-family: "MS PGothic";
	font-size: x-large;
	font-weight: bold;
}
.siteName a:hover {
	color: #FF9933;
	text-decoration: underline;
}

.sitelogo { /* サイト名（ロゴ設定の場合使用） */
	padding: 0px; 
	margin: 0px;
}

.sitecopy{
	/* サイトコピー */
	padding: 3px 10px 2px 13px;
	margin: 0px;
}
.sitecopy a {
	color: #333300;
	text-decoration: none;
	font-size: small;
	font-family: "MS PGothic";
}
.sitecopy a:hover {
	color: #800000;
	text-decoration: underline;
	font-size: small;
	font-family: "MS PGothic";
}
/********************************************************************/
/* MENUデザイン */
ul.listbox{
	text-align: left;
	padding: 0px;
	margin:0px;
	list-style:none;
}
li.ca1 {	margin: 0px;	border-bottom: 1px #E1E1B9 solid;}
li.ca2 {	margin: 0px;	border-bottom: 1px #E1E1B9 solid;}
li.ca1 a{
	padding: 5px 3px 5px 15px;
	display: block;
	color: #660000;
	font-weight: bold;
	text-decoration: none;
	background: #FFFFEE url('img/bg/icon_eye01.gif') no-repeat;
	font-size: medium;
	font-family: "MS PGothic";
	vertical-align: middle;
	text-align: left;
}
li.ca1 a:hover{
	color: #FFFFFF;
	font-size: medium;
	font-family: "MS PGothic";
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	background: #660000 url('img/bg/icon_eye01_ov.gif') no-repeat;
	font-weight: bold;
}
li.ca2 a{
	padding: 3px 3px 3px 20px;
	display: block;
	color: #996600;
	font-weight: bold;
	text-decoration: none;
	background: #FFFFEE url('img/bg/icon_eye02.gif') no-repeat;
	font-family: "MS PGothic";
	font-size: medium;
	vertical-align: middle;
	text-align: left;
}
li.ca2 a:hover{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background: #996600 url('img/bg/icon_eye02_ov.gif') no-repeat;
	font-size: medium;
	font-family: "MS PGothic";
	vertical-align: middle;
	text-align: left;
}
.text12 {
	font-size: 12px;
	color: #003300;
}