

/*ブラウザスタイルの初期化-------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	color:#333333;
}

/*ハック-------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix { display:inline-block;}

/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End from IE-mac */

/*文書本体（body）--------------------------------------------------------------------------*/
body{
	background-color:#ffffff;
}

/*リンクテキスト（a）-----------------------------------------------------------------------*/
a:link {
	color:#0000FF;
	text-decoration:underline;
}

a:visited {
	color:#800080;
	text-decoration:underline;
}

a:hover {
	color:#FF3300;
	text-decoration:underline;
}

/*画像（img）-------------------------------------------------------------------*/
img {
	border: 0;
}	

/*共通文字装飾-------------------------------------------------------------------*/	
p {
	font-size:small;
	color:#331A00;
}

strong {
	font-weight:bold;
	color:#FF3300;
	line-height:1.5em;
}

em {
	font-weight:bold;
	color:#333333;
	line-height:1.5em;
}

b {
	font-weight:bold;
	color:#333333;
	line-height:1.5em;
}

h1 span{
	font-size:medium;
	color:#ffffff;
	line-height:1.5em;
	font-weight:bold;
	font-family:"ＭＳ 明朝";
}

/*コンテンツ構成（div#container）---------------------------------*/
div#container {
	width:780px;
	background-color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
}	

/*ヘッダー---------------------------------------------------------------------------------*/
div#header {
	width:780px;
	margin-left:auto;
	margin-right:auto;	
	background-color:#ffffff;
	margin-top:5px;
}

div#header_left {
	width:500px;
	float:left;
}

div#header_left p{
	font-size:small;
	color:#666666;
	margin:10px 0 0 0;
	letter-spacing:2px;
	font-family:"HGP創英角ｺﾞｼｯｸUB";
}	

div#header_left img{
	float:left;
	margin:5px 10px 5px 0;
}

div#header_left strong{
	font-weight:normal;
	color:#666666;
}

div#header_left img{
	padding-bottom:0px;
}

div#header_right {
	width:280px;
	float:right;
	text-align:right;
	margin-top:13px;
}

div#header_right img{
	padding-left:15px;
}

/*ナビ------------------------------------------------------------------------*/
div#nav {
	width:780px;
	height:30px;
	margin-left:auto;
	margin-right:auto;	
	clear:both;
	padding-top:3px;
	border-top:1px solid #FF9900;
}

div#nav ul,div#nav li{
	padding:0;
	margin:0;
}

div#nav li{
	padding:0;
	margin:0;
	width:156px;
	float:left;
	list-style:none;
	display:block;
	text-indent:-9999px;
	height:30px;
}

div#nav li a:link, div#nav li a:visited, div#nav li a:hover{
	display:block;
	text-decoration:none;
	height:30px;
	/* \*/overflow:hidden;/* */
}

/*リンク時
---------------------------------------*/
div#nav li#home a{
	background-image:url(images/menu3/home.gif);
	background-repeat:no-repeat;
}	

div#nav li#service a{
	background-image:url(images/menu3/service.gif);
	background-repeat:no-repeat;
}

div#nav li#guide a{
	background-image:url(images/menu3/guide.gif);
	background-repeat:no-repeat;
}

div#nav li#about a{
	background-image:url(images/menu3/about.gif);
	background-repeat:no-repeat;
}

div#nav li#inquiry a{
	background-image:url(images/menu3/inquiry.gif);
	background-repeat:no-repeat;
}

/*マウスオーバー
---------------------------------------*/
div#nav li#home a:hover{
	background-image:url(images/menu3/home-hover.gif);
	background-repeat:no-repeat;
}	

div#nav li#service a:hover{
	background-image:url(images/menu3/service-hover.gif);
	background-repeat:no-repeat;
}

div#nav li#guide a:hover{
	background-image:url(images/menu3/guide-hover.gif);
	background-repeat:no-repeat;
}

div#nav li#about a:hover{
	background-image:url(images/menu3/about-hover.gif);
	background-repeat:no-repeat;
}

div#nav li#inquiry a:hover{
	background-image:url(images/menu3/inquiry-hover.gif);
	background-repeat:no-repeat;
}

/*現在のページ
---------------------------------------*/
div#nav li#hajimete.current a{
	background-image:url(images/menu/hajimete-now.gif);
	background-repeat:no-repeat;
}

div#nav li#guide.current a{
	background-image:url(images/menu/guide-now.gif);
	background-repeat:no-repeat;
}

div#nav li#shouhin.current a{
	background-image:url(images/menu/shouhin-now.gif);
	background-repeat:no-repeat;
}

div#nav li#pb.current a{
	background-image:url(images/menu/pb-now.gif);
	background-repeat:no-repeat;
}

/*ナビイメージ------------------------------------------------------------------------*/
div#nav-image {
	width:780px;
	height:195px;
	float:left;
	text-align:right;
	padding:0;
	margin:0;
}

div#nav-image img{
	padding:0;
	margin:0;
}

/*ヘッダーイメージ
---------------------------------------*/
div#header-image{
	width:780px;
	margin-left:auto;
	margin-right:auto;	
	background-color:#ffffff;
}

div#header-image img.top-text{
	float:left;
	padding:50px 0 0 0;
}

div#header-image img.top-meet{
	float:right;
	padding:0 0 0 0;
}

/*ヘッダーイメージ（下線付き）
---------------------------------------*/
div#header-image-border{
	width:780px;
	margin-left:auto;
	margin-right:auto;	
	background-color:#ffffff;
	padding-bottom:1px;
	border-bottom:3px solid #FF6600;
}

/*サイド（div#side）---------------------------------*/
div#side {
	width:180px;
	float:right;
	margin:10px 0 10px 20px;
}

/* Windows版 IE6の調整（ホーリー・ハック）\*/
* html div#side {
	width:180px;
	float:right;
	margin:10px 0 10px 10px;
}
/* Windows版 IE6の調整（ホーリー・ハック）終了*/	

div#side p{
	font-size:small;
	line-height:1.2em;
	padding:0 5px 5px 10px;
}

div#side a:link{
	color:#513300;
	text-decoration:underline;
}

div#side img.home{
	padding:10px 0 10px 0;
}

/*サイド（ボックス）---------------------------------*/
div#side_box{
	width:178px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#ffffff;
}

div#side_box div#upper{
	font-size:small;
	color:#FF3300;
	padding:5px 10px 5px 10px;
	border-bottom:1px dotted #999999;
	border-left:3px solid #FF3300;
	letter-spacing:3px;
	font-family:"HGP創英角ｺﾞｼｯｸUB";
}

div#side_box div#bottom{
	padding:0px;
}

div#side_box div#bottom p{
	font-size:small;
	line-height:1.3em;
	padding:5px 10px;
}

/*電話番号---------------------------------*/
div#side_box img.tel{
	margin:10px 10px 0 10px;
}	

/*カタログボックス---------------------------------*/
div#side_box img{
	margin:0;
	padding:0;
}

div#side_box img.top{
	margin:5px 0 0 15px;
}

div#side_box img.ten{
	margin:10px 0 0 15px;
}

div#side_box img.mousikomi{
	margin:10px 0 10px 10px;
}

/*ﾎﾞｰﾀﾞｰなし---------------------------------*/
div#side_box_noborder{
	width:180px;
	padding:0px;
	margin-bottom:10px;
}

div#side_box_noborder img.maru{
	padding-bottom:5px;
}

div#side_box_noborder p{
	font-size:small;
	color:#515128;
}

div#side_box_noborder p.right{
	text-align:right;
	font-weight:bold;
	font-size:medium;
	color:#4F2700;
}

/*カレンダー-------------------------------------------------------------------*/
div#side_box div#bottom table{
	width:160px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	padding:0 0 0 0;
	border-collapse:collapse;
}

div#side_box div#bottom table td{
	font-size:12px;
	padding:2px;
	text-align:center;
	border:1px solid #999999;
}

div#side_box table td.top{
	background-color:#513300;
	color:#FFFFFF;
}

div#side_box table td.red{
	background-color:#FF6666;
	color:#FFFFFF;
}

div#side_box table td.green{
	background-color:#33CC66;
	color:#FFFFFF;
}

div#side_box div#bottom p.red{
	color:#FF0000;
}

div#side_box div#bottom p.green{
	color:#006600;
}

/*フッター----------------------------------------------------------------------------------------------*/
div#footer {
	width:780px;
	clear:both;
	margin:50px auto 0 auto;
	background-color:#FFFFFF;
	padding-top:5px;
	padding-bottom:30px;
	border-top:1px solid #FF9900;
}

div#footer p {
	font-size:small;
	text-align:center;
	color:#666666;
	padding-top:10px;
}

/*リストの種類（ul,li）---------------------------------------------*/
div#decimal ul {
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:60px;
	margin-right:30px;
	margin-top:10px;
}

div#decimal li {
	font-size:small;
	padding-bottom:1em;
	line-height:1.5em;
}

div#decimal_low ul {
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:40px;
	margin-right:30px;
	margin-top:10px;
}

div#decimal_low li {
	font-size:small;
	padding-bottom:0.3em;
	line-height:1.5em;
}

div#circle ul {
	list-style-position:outside;
	list-style-type:disc;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
}

div#circle li {
	font-size:85%;
	line-height:1.5em;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
}

div#square ul {
	list-style-position:outside;
	list-style-type:square;
	margin:20px 0px 10px 23px;
}

div#square li {
	font-size:small;
	line-height:1.5em;
	padding-bottom:15px;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
}

div#square li span{
	background-color:#FFFF99;
}

div#husen ul {
	list-style-position:outside;
	list-style:none;
	margin:20px 0px 10px 23px;
}

div#husen li {
	font-size:small;
	line-height:1.5em;
	margin-bottom:15px;
	font-family:"HGS創英角ｺﾞｼｯｸUB";
	border-left:5px solid #993300;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	padding:5px 5px 5px 10px;
}