@charset "Shift_JIS";
/* 全ページ共通のデザイン用 */
body{
	color:#000000;
	background-color:#ffff99;
	background-image:url("../images/back.gif");
	background-repeat:repeat;
	font:120% bold;
	font-family:"ＭＳ Ｐ明朝",serif;
}
#container{
	width:800px;
	margin:auto;
}
#content{
	width:790px;
	margin:10px 0;
}
h2{
	font-family:"Arial",sans-serif;
	font-style:italic;
	font-size:150%;
	border-bottom:groove thick #ffffff;
	padding-top:10px;
	
}
h3{
	color:#660033;
	background-color:transparent;
	font-family:"Arial",sans-serif;
	font-size:120%;
	border-left:solid 15px #660033;
	padding-left:5px;
	margin-top:80px;
	margin-left:15px;
}
.indent1{
	text-indent:5em;
}
.indent2{
	text-indent:15em;
}
.center{
	text-align:center;
}

/* ヘッダー部分のデザイン用 */
#header h1{
	width:600px;
	height:180px;
	margin:0;
}
#header h2{
	width:200px;
	height:180px;
	margin:0;
}
#header h1 img{
	width:600px;
	height:180px;
	margin-top:10px;
}
#header h2 img{
	width:200px
	height:180px;
	margin:0;
}
#header_title{
	float:left;
}
#header_other{
	float:right;
}

/* メニュー部分のデザイン用 */
.menu{
	width:100%;
	height:50px;
	overflow:hidden;
	margin-left:10px;
}
.menu ul{
	margin:0;
	padding:0;
}
.menu li{
	list-style-type:none;
	float:left;
	margin-bottom:0;
	line-height:0;
	border-bottom:solid 20px transparent;
}
.menu li a{
	display:block;
	width:130px;
	line-height:50px;
	border-right:solid 1px transparent;
	color:#000000;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.menu li a:hover{
	background-position:0-60px;
}
.menu .current a{
	background-position:0-120px;
}
.menu #link1 a{
		background-image:url("../images/menu1.gif");
}
.menu #link2 a{
		background-image:url("../images/menu2.gif");
}
.menu #link3 a{
		background-image:url("../images/menu3.gif");
}
.menu #link4 a{
		background-image:url("../images/menu4.gif");
}
.menu #link5 a{
		background-image:url("../images/menu5.gif");
}
.menu #link6 a{
		background-image:url("../images/menu6.gif");
}

/* 取扱い商品のメニュー用*/
.p-menu{
	width:500px;
	overflow:hidden;
}
.p-menu li{
	margin-bottom:0;
	list-style-type:none;
	line-height:0;
	border-bottom:solid 20px transparent;
}
.p-menu #link1 a{
		background-image:url("../images/button1.gif");
}
.p-menu #link2 a{
		background-image:url("../images/button2.gif");
}
.p-menu #link3 a{
		background-image:url("../images/button3.gif");
}
.p-menu #link4 a{
		background-image:url("../images/button4.gif");
}
.p-menu #link5 a{
		background-image:url("../images/button5.gif");
}
.p-menu li a{
	display:block;
	line-height:50px;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.p-menu li a:hover{
	background-position:0-60px;
}
.p-menu ul{
	margin:0;
	margin-left:250px;
	margin-bottom:50px;
	padding:0;
}

/* フレームシュミレーターのリンク */
a:link{
	color:#ff00ff;
	font-size:150%;
	font-weight:bold;
}
a:visited{
	color:#00ffcc;
	font-size:150%;
	font-weight:bold;
}
a:hover{
	text-decoration:none;
	font-size:150%;
	font-weight:bold;
}

/* テーブルのデザイン用*/
th{
	padding:20px;
	text-align:left;
}
td{
	border:none;
	padding:10px;
	font-size:120%;
	font-weight:bold;
}


/* 写真のデザイン用 */
.imglist{
	width:800px;
}
.imgcaption{
	text-align:center;
	font-size:1em;
	float:left;
	width:200px;
	margin-right:50px;
	margin-bottom:100px;
}
.imgcaption img{
	margin-top:30px;
	margin-bottom:5px;
}
.imgcaption p{
	margin:0;
}
.imgcaption p.caption{
	height:2em;
	line-height:1;
}
.clear{
	clear:left;
}

/* 強調 */
.bold{
	font-weight:bold;
}
.red{
	color:#ff0066;
}
.blue{
	color:#0000ff;
}
.big{
	font-size:120%;
	font-weight:bold;
}

/* フッター部分のデザイン用 */
.footer{
	width:auto;
	border-top:groove thick #000000;
	margin-top:200px;
	padding-top:10px;
	padding-bottom:20px;
}
.footer p{
	color:#000000;
	font-size:0.75em;
	font-family:"Times New Roman","ＭＳ Ｐ明朝",serif;
	margin:0;
	text-align:center;
}