/*--------------------------------------------------------
■サイトデザイン全体設定

ここではサイト全体の
背景色、背景画像、リンク色を設定します。
--------------------------------------------------------*/

html{
　height:100%;
}

body{
	background-color: #ffffff;/*ページ全体の背景色*/
	background-image:url(images/back-bg.gif);/*ページ全体の背景画像*/
	background-attachment: fixed;/*背景画像を固定*/
	margin: 0;
	height: 100%;
	font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;
	font-size: 10pt;
	color: #333333;
}

a:link{ color: #333333; }/*リンク文字の色*/
a:visited{ color: #333333; }/*訪問済みリンクの色*/
a:hover{ color: #000080; }/*カーソルがリンク文字上に来たときの色*/

/*--------------------------------------------------------
■ヘッダー
--------------------------------------------------------*/

/*●トップ見出し*/
h1{
	position: absolute;
	left: 10px;
	top: 5px;
	width: 390px;
	text-align:left;
	font-size: 8pt;/*文字サイズ*/
	color: #777777;/*文字色*/
	font-weight: normal;
	text-decoration:none;
}

/*●見出し*/
h2 {
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 530px;
	background: url(images/h2-back.gif) repeat-x;
	padding-top: 5px;
	padding-left: 10px;
	text-align:right;
	font-size: 14px;
	font-weight: bold;
	color: #000080;/*文字色*/
}

/*●見出し*/
h3 {
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 460px;
	background: url(images/h2-back.gif) repeat-x;
	padding-top: 5px;
	padding-left: 10px;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
	color: #333333;/*文字色*/
}

/*●パン屑ナビ（h1と同じパラメータ）*/
.navi{
	position: absolute;
	left: 10px;
	top: 5px;
	width: 460px;
	text-align:left;
	font-size: 8pt;/*文字サイズ*/
	color: #777777;/*文字色*/
	font-weight: normal;
	text-decoration:none;
}


/*●トップメニュー*/
div.top-menu{
	position: absolute;
	left: 450px;
	top: 5px;
	width: 340px;
	text-align:right;
	font-size: 8pt;/*文字サイズ*/
	color: #333333;/*文字色*/
}

span.top-menu-text{
	margin-left: 10px;
}


/*●ヘッダー*/
div.header{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 810px;
	height: 105px;
	background-color: #fffffff;/*背景色*/
	background: url(images/bg-header.jpg) repeat-x;
	border-top-color: #000080;/*枠線の色*/
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-color: #aaaaaa;/*枠線の色*/
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div.header-logo{
	position: absolute;
	left: 0px;
	top: 0px;
}

div.header-text{
	position: absolute;
	left: 360px;
	padding-top: 10px;
	padding-right: 10px;
	width: 440px;
	color: #000000;
	font-size:9pt;/*文字サイズ*/
	font-weight: bold;
	text-align: right;
	line-height: 130%;/*行間*/
}

/*--------------------------------------------------------
■左メニュー

左メニュー、左アドセンスの各種変更ができます。
--------------------------------------------------------*/

/*●左全体（通常ここは触らないで下さい）*/
div.left{
	position: absolute;
	top: 135px;
	left: 10px;
	width: 210px;
}

/*●プロフィール写真*/
.left{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}


/*●商品写真*/
.right{
	float: right;
	margin: 20px;
}

/*●商品写真2*/
.right2{
	float: right;
	margin-left:5px;
}


.prof{
	font-size:8pt;/*文字サイズ*/
}


/*●左メニュー*/
div.left-menu1{
	margin-top: 20px;
	padding: 10px;
	background-color: #ffffff;/*背景色*/
	text-align: left;
	border-color: #aaaaaa;/*枠線の色*/
	border-style: solid;
	border-width: 1px;
}

/*--------------------------------------------------------
■右コンテンツ

右コンテンツの文字サイズ、文字色の設定ができます。
枠線の色の変更も可能です。
--------------------------------------------------------*/

/*●右全体（通常ここは触らないで下さい）*/
div.right{
	position: absolute;
	top: 135px;
	left: 235px;
	width: 540px;
}

/*●右コンテンツ*/
div.right-contents1{
	margin-top: 10px;
	margin-bottom: 30px;
	background-color: #ffffff;/*背景色*/
	padding: 10px;
	text-align: left;
	border-color: #aaaaaa;/*枠線の色*/
	border-style: double;
	border-width: 3px;
}

/*●右コンテンツ（枠線無し）*/
div.right-contents2{
	margin-top: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	background-color: #ffffff;/*背景色*/
	padding: 10px;
	text-align: left;

}


/*●Copyright*/
div.footer{
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
	color: #777777;/*文字色*/
	font-size: 10pt;/*文字サイズ*/
}


/*--------------------------------------------------------
■右アドセンス
--------------------------------------------------------*/

/*●右アドセンス（通常ここは触らないで下さい）*/
div.right-adsense{
	position: absolute;
	left: 820px;
	top: 140px;
	width: 160px;
}


/*--------------------------------------------------------
■文字設定
--------------------------------------------------------*/

/*ヘアライン*/

hr{
	color: #cccccc;/*文字色*/
}


/*●基本テキスト*/
.honbun{
	margin-left: 10px;
	margin-right: 10px;
	line-height:120%;
	color: #333333;/*文字色*/
	font-size: 10pt;/*文字サイズ*/
}

/*リンク文字の色*/
.honbun a:link{
	text-decoration:underline;
	color: #333333;
}

/*訪問済みリンクの色*/
.honbun a:visited{
	text-decoration:underline;
	color: #333333;
}

/*カーソルがリンク文字上に来たときの色*/
.honbun a:hover{
	text-decoration:underline;
	color: #000080;
}


/*●青色テキスト*/
.blue{
	color: #0000dd;
	line-height:110%;
}

/*太文字*/
.blue-b{
	color: #0000dd;
	line-height:110%;
	font-weight: bold;
}


/*●赤色テキスト*/
.red{
	color: #ff0000;
	line-height:110%;
}

/*太文字*/
.red-b{
	color: #ff0000;
	line-height:110%;
	font-weight: bold;
}


/*●緑色テキスト*/
.green{
	color: #008000;
	line-height:110%;
}

/*太文字*/
.green-b{
	color: #008000;
	line-height:110%;
	font-weight: bold;
}


/*●紺色テキスト*/
.navy{
	color: #000080;
	line-height:110%;
}

/*太文字*/
.navy-b{
	color: #000080;
	line-height:110%;
	font-weight: bold;
}


/*●大きい黒色テキスト*/
.big-black{
	font-weight: bold;
	font-size:11pt;
	color: #333333;
	line-height:110%;
	text-decoration:none;
}

/*●大きい青色テキスト*/
.big-blue{
	font-weight: bold;
	font-size:11pt;
	color: #0000dd;
	line-height:110%;
	text-decoration:none;
}

/*●大きい赤色テキスト*/
.big-red{
	font-weight: bold;
	font-size:11pt;
	color: #ff0000;
	line-height:110%;
	text-decoration:none;
}

/*●大きい緑色テキスト*/
.big-green{
	font-weight: bold;
	font-size:11pt;
	color: #008000;
	line-height:110%;
	text-decoration:none;
}

/*●大きい緑色テキスト*/
.big-navy{
	font-weight: bold;
	font-size:11pt;
	color: #000080;
	line-height:110%;
	text-decoration:none;
}


/*大字フォントリンク（黒と水色）*/
.link-back{
	margin-left: 10px;
	font-weight: bold;
	font-size:10pt;
	color: #00008B;
	background-color: #F0F8FF;
	padding: 5px;
	line-height:100%;
	text-decoration:none;
	border-color: #00008B;/*枠線の色*/
	border-style: solid;
	border-width: 1px;
}

/*大字フォントリンク（黒と水色）*/
.link-next{
	font-weight: bold;
	font-size:10pt;
	color: #00008B;
	background-color: #F0F8FF;
	padding: 5px;
	line-height:100%;
	text-decoration:none;
	border-color: #00008B;/*枠線の色*/
	border-style: solid;
	border-width: 1px;
}

/*リストタグ*/
ul.menu{
	margin-top: 0px;
	margin-left: 20px;
	font-weight: bold;
	font-size:11pt;
	color: #333333;
	padding: 0px;
	line-height:400%;
	text-decoration:none;
	list-style-type: none;
}

/*リストタグ*/
ul.menu2{
	margin-top: 0px;
	margin-left: 20px;
	font-weight: bold;
	font-size:11pt;
	color: #333333;
	padding: 0px;
	line-height:200%;
	text-decoration:none;
	list-style-type: none;
	text-align: left;
}