@charset "UTF-8";
/* CSS Document */

*{
	margin:0px;
	padding:0px;
	border:0px;
	list-style:none;
	font-style:normal;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height:1.7;
}


body{
	font-size:75%;
	color:#333;
	font-weight:normal;
	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	margin:auto;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
	background-color:#eed78f;
	
}

#orderpage{
	font-size:75%;
	color:#333;
	font-weight:normal;
	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	margin:auto;
	background-image:none;
	background-repeat:repeat-x;
	background-color:#eed78f;
	
}

#main{
	width:980px;
	margin:auto;
}

a:link{
	color:#CC0000;
	text-decoration:underline;
}
a:visited{
	color:#CC0000;
}
a:hover{
	color:#0033FF;
	text-decoration:underline;
}

#counter{
	margin:0 0 0 50px;
}


/* Header ///////////////////////////////////////////////////////////////*/

.explanation{
	font-size:10px;
	color:#eee;
	text-align:right;
	padding:0 5px 0 0;
}
h1{
	float:left;
	text-indent:-9999px;
	margin:0 0 20px 0;
}
#h1_top{
	float:left;
	text-indent:-9999px;
	margin:0 0 4px 0;
}
h1 a{
	display:block;
	width:237px;
	height:122px;
	margin:5px 0 0 0;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
}
* html h1 a{
behavior: expression(IEPNGFIX.fix(this));
}
#tell{
	float:right;
	padding-right:5px;
	background-image:url(../images/tell.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:373px;
	height:86px;
}
* html #tell{
behavior: expression(IEPNGFIX.fix(this));
}

/* アクセスカウンター　*/

#counter{
	margin: 0 0 0 50px;
}

/* navi /////////////////////////*/

#navi li{
	clear:right;
	float:left;
	margin:0 0 10px 0;
}
#navi #home_navi{
	width:122px;
	height:46px;
}
#navi #about_navi{
	width:122px;
	height:46px;
}
#navi #products_navi{
	width:123px;
	height:46px;	
}

#navi #work_navi{
	width:129px;
	height:46px;
}

#navi #access_navi{
	width:117px;
	height:46px;
}
#navi #access_navi a{
	display:block;
	width:117px;
	height:51px;
	background-image:url(../images/access_off.png);
	background-repeat:no-repeat;
}
#navi #contacts_navi{
	width:126px;
	height:46px;
}
#navi #contacts_navi a{
	display:block;
	width:126px;
	height:51px;
	background-image:url(../images/contacts_off.png);
	background-repeat:no-repeat;
}

/* END Header ////////////////////////////////////////////////////////////*/




#pankuzu{
	clear:both;
	margin:0 0 0 0;
	padding:2px 0 7px 10px;
	width:955px;
	height:1.2em;
	background-color:#15293b;
	color:#FFF;
	font-size:0.9em;
	border-bottom:5px solid #ae2a1b;
}
#pankuzu a:link{
	color:#FFF;
	text-decoration:none;
}
#pankuzu a:hover{
	text-decoration:underline;
}
#pankuzu a:visited{
	color:#FFF;
	text-decoration:none;
}
*html #pankuzu{
	clear:both;
	margin:0 0 0 0;
	padding:2px 0 0px 10px;
	width:955px;
	height:1.2em;
	background-color:#15293b;
	color:#FFF;
	font-size:0.9em;
	border-bottom:5px solid #ae2a1b;
}

/* Right Area ////////////////////////////////////////////////////////////*/

#right_area{
	width:745px;
	float:right;
	padding:5px 0 0 5px;
}
*html #right_area{
	width:745px;
	float:right;
	padding:10px 0 0 5px;
}



/* END Right Area /////////////////////////////////////////////////////////*/

/* Left area //////////////////////////////////////////////////////////////*/

#left_area{
	width:230px;
	float:left;
	padding:6px 0 0 0;
}
*html #left_area{
	clear:right;
	width:230px;
	float:left;
	padding:13px 0 0 0;
}
/* 会員ログイン画像 //////////*/
#member_top{
	width:222px;
	height:54px;
	background-image:url(../images/member_top.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#member_id{
	width:222px;
	height:25px;
	background-image:url(../images/member_id.png);
	background-repeat:no-repeat;
	padding:4px 0 0 60px;
}

#member_pw{
	width:222px;
	height:25px;
	background-image:url(../images/memer_pw.png);
	background-repeat:no-repeat;
	padding:0 0 0 60px;
}
#member_login{
	width:222px;
	height:19px;
	background-image:url(../images/member_login.png);
	background-repeat:no-repeat;
	padding: 4px 0 0 125px;
	
}
#member_login a{

}
*html #member_login a{

}

*html #member_login{
	width:222px;
	height:19px;
	background-repeat:no-repeat;
	padding: 4px 0 0 133px;
}


#member_under{
	width:222px;
	height:37px;
	background-image:url(../images/member_under.png);
	background-repeat:no-repeat;
	padding:5px 0 0 35px;
	font-size:0.9em;
	color:#ffe600;
}
*html #member_under{
	width:222px;
	height:37px;
	background-image:url(../images/member_under.png);
	background-repeat:no-repeat;
	padding:0 0 0 55px;
	font-size:0.9em;
	color:#ffe600;
}
#member_under :link, #member_under :visited{
	color:#FFF;
	text-decoration:none;
}

/* HOWTO //////////////////////////////*/

#stytem{
	width:220px;
	height:85px;
	text-indent:-9999px;
	background-image:url(../images/howto_top.jpg);
	background-repeat:no-repeat;
}
.stytem_middle01 a{
	text-indent:-9999px;
}
.stytem_middle01 a{
	display:block;
	width:220px;
	height:33px;
	background-image:url(../images/howto01_off.jpg);
	background-repeat:no-repeat;
}
.stytem_middle01 a:hover{
	display:block;
	width:220px;
	height:33px;
	background-position:0px -34px;
}
.stytem_middle02 a{
	text-indent:-9999px;
}
.stytem_middle02 a{
	display:block;
	width:220px;
	height:33px;
	background-image:url(../images/howto02_off.jpg);
	background-repeat:no-repeat;
}
.stytem_middle02 a:hover{
	display:block;
	width:220px;
	height:33px;
	background-position:0px -34px;
}

.stytem_middle03 a{
	text-indent:-9999px;
}
.stytem_middle03 a{
	display:block;
	width:220px;
	height:33px;
	background-image:url(../images/howto03_off.jpg);
	background-repeat:no-repeat;
}
.stytem_middle03 a:hover{
	display:block;
	width:220px;
	height:33px;
	background-position:0px -34px;
}

.stytem_middle04 a{
	text-indent:-9999px;
}
.stytem_middle04 a{
	display:block;
	width:220px;
	height:33px;
	background-image:url(../images/howto04_off.jpg);
	background-repeat:no-repeat;
}
.stytem_middle04 a:hover{
	display:block;
	width:220px;
	height:33px;
	background-position:0px -34px;
}

.stytem_middle05 a{
	text-indent:-9999px;
}
.stytem_middle05 a{
	display:block;
	width:220px;
	height:33px;
	background-image:url(../images/howto05_off.jpg);
	background-repeat:no-repeat;
}
.stytem_middle05 a:hover{
	display:block;
	width:220px;
	height:33px;
	background-position:0px -34px;
}

/* END HOWTO ///////////////////////////////*/

#stytem_under{
	width:220px;
	height:24px;
	background-image:url(../images/howto_under.jpg);
	background-repeat:no-repeat;
	margin: -3px 0 0 0;
	
}
#recommend_top{
	width:222px;
	height:46px;
	text-indent:-9999px;
	background-image:url(../images/left_products_top.jpg);
	background-repeat:no-repeat;
	
}
#recommend01 a{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_01.jpg);
	background-repeat:no-repeat;
	display:block;
}
#recommend01 a:hover{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_01.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:0px -34px;
}

#recommend02 a{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_02.jpg);
	background-repeat:no-repeat;
	display:block;
}
#recommend02 a:hover{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_02.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:0px -34px;
}
#recommend03 a{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_03.jpg);
	background-repeat:no-repeat;
	display:block;
}
#recommend03 a:hover{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_03.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:0px -34px;
}
#recommend04 a{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_04.jpg);
	background-repeat:no-repeat;
	display:block;
}
#recommend04 a:hover{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_04.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:0px -34px;
}
#recommend05 a{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_05.jpg);
	background-repeat:no-repeat;
	display:block;
}
#recommend05 a:hover{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_05.jpg);
	background-repeat:no-repeat;
	display:block;
	background-position:0px -34px;
}
#recommend06 a{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_06_off.jpg);
	background-repeat:no-repeat;
	display:block;
}
#recommend06 a:hover{
	width:222px;
	height:34px;
	text-indent:-9999px;
	background-image:url(../images/left_products_06_on.jpg);
	background-repeat:no-repeat;
	display:block;
}

/* Menber コンテンツ　//////////////////////////////////////*/
#menber_top{
	width:222px;
	height:45px;
	background-image:url(../images/left_member_top.png);
	background-repeat:no-repeat;
	/*padding:20px 4px 3px 69px;*/

	
}

#menber_top p{
	padding:20px 4px 3px 69px;
	
}

#menber01 a{
	width:222px;
	height:72px;
	text-indent:-9999px;
	background-image:url(../images/left_shop_bt.png);
	background-repeat:no-repeat;
	display:block;
	overflow: hidden;
}


#menber02 a{
	width:222px;
	height:52px;
	text-indent:-9999px;
	background-image:url(../images/left_menber02.jpg);
	background-repeat:no-repeat;
	display:block;
}
#menber02 a:hover{
	width:222px;
	height:52px;
	text-indent:-9999px;
	background-image:url(../images/left_menber02.jpg);
	background-repeat:no-repeat;
	display:block;
}
#menber03 a{
	width:222px;
	height:52px;
	text-indent:-9999px;
	background-image:url(../images/left_menber03.jpg);
	background-repeat:no-repeat;
	display:block;
}
#menber03 a:hover{
	width:222px;
	height:52px;
	text-indent:-9999px;
	background-image:url(../images/left_menber03.jpg);
	background-repeat:no-repeat;
	display:block;
}
#menber04 a{
	width:222px;
	height:57px;
	text-indent:-9999px;
	background-image:url(../images/left_menber04.jpg);
	background-repeat:no-repeat;
	display:block;
}
#menber04 a:hover{
	width:222px;
	height:57px;
	text-indent:-9999px;
	background-image:url(../images/left_menber04.jpg);
	background-repeat:no-repeat;
	display:block;
}



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

.pt5{
	padding:5px 0 0 0;
}
.pt10{
	padding:10px 0 0 0;
}

/* List Style ///////////////////////////////////////////////////////////////*/

/* number /////*/

.list_number01{
	padding:0 0 10px 35px;
	background-image:url(../images/number01.png);
	background-repeat:no-repeat;
}
.list_number02{
	padding:0 0 10px 35px;
	background-image:url(../images/number02.png);
	background-repeat:no-repeat;
}
.list_number03{
	padding:0 0 10px 35px;
	background-image:url(../images/number03.png);
	background-repeat:no-repeat;
}
.list_number04{
	padding:0 0 10px 35px;
	background-image:url(../images/number04.png);
	background-repeat:no-repeat;
}
.list_number05{
	padding:0 0 10px 35px;
	background-image:url(../images/number05.png);
	background-repeat:no-repeat;
}
.list_number06{
	padding:0 0 10px 35px;
	background-image:url(../images/number06.png);
	background-repeat:no-repeat;
}
.list_number07{
	padding:0 0 10px 35px;
	background-image:url(../images/number07.png);
	background-repeat:no-repeat;
}
.list_number08{
	padding:0 0 10px 35px;
	background-image:url(../images/number08.png);
	background-repeat:no-repeat;
}
.list_number09{
	padding:0 0 10px 35px;
	background-image:url(../images/number09.png);
	background-repeat:no-repeat;
}
.list_number10{
	padding:0 0 10px 35px;
	background-image:url(../images/number10.png);
	background-repeat:no-repeat;
}

/* END number */

/* dot  */

.list_dot{
	padding:0 0 0 33px;
	background-image:url(../images/list_dot.png);
	background-repeat:no-repeat;
	margin-bottom:10px;
}
.list_kome{
	padding:0 0 0 35px;
	background-image:url(../images/list_kome.png);
	background-repeat:no-repeat;
	margin-bottom:10px;
}

/* END dot*/

/* Padding Margin ////////////////////////////////////////////////////////////*/

.ptl10{
	padding-left:10px;
}
.pb10{
	padding-bottom:10px;
}


/* テキストスタイル　////////////////////////////////////////////////////////*/

.text_bold_red{
	font-size:1.2em;
	font-weight:bolder;
	color:#CC0000;
	padding:5px 10px 3px 30px;
	margin:0 0 0 37px;
}
.bold{
	font-weight:bold;
	color:#000;
	}
.text_red{
	color:#cb1001;
}
.text_big_title_all{
	font-size:1.4em;
	font-weight:bold;
	color:#222;
}
.text_big_title_reg{
	font-size:1.8em;
	font-weight:bold;
	color:#222;
	text-align:center;
}

.bold_red{
	color:#cb1001;
	font-weight:bold;}

.text_right{
	text-align:right;
	margin:5px 40px 0 0;
}

/* 角丸処理　///////////////////////////////*/


.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#f0d40a;
}
.spiffy1{
border-right:1px solid #3d5c86;
padding-right:1px;
margin-right:3px;
border-top:1px solid #3d5c86;
border-left:1x solid #3d5c86;
padding-left:1px;
margin-left:3px;
background:#f0d40a;
}
.spiffy2{
border-right:1px solid #3d5c86;
border-left:1px solid #3d5c86;
padding:0px 1px;
background:#f0d40a;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #3d5c86;
border-left:1px solid #3d5c86;

margin:0px 1px;
}
.spiffy4{
border-right:1px solid #3d5c86;
border-left:1px solid #3d5c86;
}
.spiffy5{
border-right:1px solid #3d5c86;
border-left:1px solid #3d5c86;
}
.spiffy_content{
padding:0px 5px;
background:#f0d40a;
border-right:1px solid #3d5c86;
border-left:1px solid #3d5c86;
}

/* Footer //////////////////////////////////////////////////////////////////*/

#footer{
	clear:both;
	background-image:url(../images/bg_footer.png);
	height:149px;
}
#footer_contents{
	width:980px;
	height:67px;
	margin:auto;
	background-image:url(../images/bg_footer_contents.png);
	background-repeat:no-repeat;
}
#footer_w{
	width:980px;
	margin:auto;
}
*html #footer_contents{
	width:353px;
	height:67px;
	float:left;
	background-image:url(../images/bg_footer_contents.png);
	background-repeat:no-repeat;
	behavior:expression(IEPNGFIX.fix(this));
}
address{
	color:#fff;
	padding:10px 0 0 27px;
}
#footer_contents ul{
	padding:0 0 0 27px;
}

#footer_contents a{
	padding:0 0px 0 0;
	color:#ffe600;
	font-size:12px;
	text-decoration:none;
}
#footer_contents  a:hover{
	padding:0 0px 0 0;
	color:#CC0000;
	font-size:12px;
	text-decoration:none;
}

/* pagetop //////////*/

.pagetop_top{
	float:right;
	padding:10px 10px 10px 0;
}
.pagetop{
	float:right;
	padding:10px 0 10px 0;
}
.pagetop_work{
	float:right;
	padding:10px 15px 10px 0;
}
.pagetop_about{
	float:right;
	padding:10px 20px 10px 0;
}
.pagetop_products{
	float:right;
	padding:10px 0 10px 10px;
}
hr{
	clear:both;
	margin:0 0 15px 30px;
	width:672px;
	color:#333;
	border:#444 dotted 1px;
}

/* テーブルキャプション///////////////////*/

.caption_table{
	color:#63ad1a;
	font-weight:bold;
	margin:0 325px -6px 0;
}

html[xmlns*=""] body:last-child .caption_table {
	color:#63ad1a;
	font-weight:bold;
	margin:0 370px 0 0px;
}
*html .caption_table{
	color:#63ad1a;
	font-weight:bold;
	margin:0 0 0 0;
	text-align:left;
}
.caption_table2{
	color:#63ad1a;
	font-weight:bold;
	margin:0 365px -6px 0;
}
html:\66irst-child .caption_table2 {
	color:#63ad1a;
	font-weight:bold;
	margin:0 377px 0 0px;
}
html[xmlns*=""] body:last-child .caption_table2 {
	color:#63ad1a;
	font-weight:bold;
	margin:0 410px 0 0px;
}
*html .caption_table2{
	color:#63ad1a;
	font-weight:bold;
	margin:0 0 0 0;
	text-align:left;
}


.input{
	width:145px;
	height:17px;
	margin:2px 0 0 0;
}


/*----------------------------------------
  clearfix
------------------------------------------*/
.clearfix:after {
	content: url(../images/com/spacer.gif);
	display: block;
	clear: both;
	height: 0;
}
.clearfix { display: inline-block; }
/* Mac版IEを除外 \*/
.clearfix { display: block; }
/* */