@charset "utf-8";

/* CSS Document */



/* base font 指定 */



body {

    font-family: Arial, Helvetica, sans-serif;

	margin: 0;

	padding: 0;

	text-align: center;

	background-color: #283319;

}



h1 {

    margin: 0;

	padding: 0;

}



h2 {

    margin: 0;

	padding: 0;

}



h3 {

    margin: 0;

	padding: 0;

}



h4 {

    margin: 0;

	padding: 0;

}



p {

	font-size: 12px;

	_font-size: 75%;

	line-height: 1.75em;

	margin: 0;

	padding: 0;

}



a {

    font-size: 12px;

	_font-size: 75%;

    margin: 0;

	padding: 0;

}



a:hover {

}



a:visited {

}



li {

    font-size: 12px;

	_font-size: 75%;

	list-style: none;

}



dt {

    font-size: 12px;

    _font-size: 75%;

}



dd {

    font-size: 12px;

	_font-size: 75%;

	line-height: 1.75em;

}



img {

    margin: 0;

	padding: 0;

	border: none;

}



#form {

    width: 815px;

	text-align: center;

	margin: -30px 0 0 10px;

	font-size: 12px;

	_font-size: 75%;

}



#form td {

    text-align: left;

}



/* contents 指定 */



#wrappar {

    width: 900px;

	margin: 0 auto;

	padding: 0;

	background-color: #FFFFFF;

}



/* header 指定 */



#header {

    width: 900px;

	margin: 0;

	padding: 0;

	text-align: left;

	background: url(../../img/header_bg.jpg) left top no-repeat



}



.header_title {

    margin: 0;

	padding: 70px 30px  0 50px;

	float: left;

	display: inline;

}


/*
#home_b {

    width: 86px;

	height: 25px;

	text-indent: -9999px;

	margin: 0 0 0 91px;

	padding: 115px 5px 0 0;

	float: left;

	display: inline;

	background: url(../../img/home_b.jpg) left bottom no-repeat;

}



#home_b:hover {

    background: url(../../img/home_b02.jpg) left bottom no-repeat;

}



#shop_b {

    width: 86px;

	height: 25px;

	text-indent: -9999px;

    margin: 0;

	padding: 115px 5px 0 0;

	float: left;

	display: inline;

	background: url(../../img/shop_b.jpg) left bottom no-repeat;

}



#shop_b:hover {

    background: url(../../img/shop_b02.jpg) left bottom no-repeat;

}
*/



#flash_print {

    width: 900px;

	height: 300px;

	margin: 0;

	padding: 0;

	clear: both;

	display: none;

}



#flash {

    width: 900px;

	height: 300px;

	margin: 0;

	padding: 0;

	clear: both;

	background: url(../../img/fla_bg.jpg) left top no-repeat;

}



#header ul {


    height: 60px;

    margin: 0 ;

	padding: 0 75px;

	clear: both;

	background: url(../../img/navi_bg.jpg) left bottom no-repeat;

}

    

#header li {

    width: 150px;

    margin: 0;

	padding-top: 30px;

	list-style: none;

	float: left;

	display: inline;

}





/* header_menu 指定 */



#menu_01 {

    width: 150px;

    height: 30px;

    margin: 0;

    padding: 0;

    text-indent: -9999px;

    float: left;

    display: inline;

    background: url(../../img/newtopic_b.gif) top left no-repeat;

}



#menu_01:hover {

    background: url(../../img/newtopic_b02.gif) top left no-repeat;

}



#menu_02 {

    width: 150px;

    height: 30px;

    margin: 0;

    padding: 0;

    text-indent: -9999px;

    float: left;

    display: inline;

    background: url(../../img/consept_b.gif) top left no-repeat;

}



#menu_02:hover {

    background: url(../../img/consept_b02.gif) top left no-repeat;

}



#menu_03 {

    width: 150px;

    height: 30px;

    margin: 0;

    padding: 0;

    text-indent: -9999px;

    float: left;

    display: inline;

    background: url(../../img/article_b.gif) top left no-repeat;

}



#menu_03:hover {

    background: url(../../img/article_b02.gif) top left no-repeat;

}



#menu_04 {

    width: 150px;

    height: 30px;

    margin: 0;

    padding: 0;

    text-indent: -9999px;

    float: left;

    display: inline;

    background: url(../../img/store_b.gif) top left no-repeat;

	}



#menu_04:hover {

    background: url(../../img/store_b02.gif) top left no-repeat;

}



#menu_05 {

    width: 150px;

    height: 30px;

    margin: 0;

    padding: 0;

    text-indent: -9999px;

    float: left;

    display: inline;

    background: url(../../img/faq_b.gif) top left no-repeat;

}



#menu_05:hover {

    background: url(../../img/faq_b02.gif) top left no-repeat;

}



#menu_06 {

    width: 150px;

    height: 30px;

    margin: 0;

    padding: 0;

    text-indent: -9999px;

    float: left;

    display: inline;

    background: url(../../img/contact_b.gif) top left no-repeat;

}



#menu_06:hover {

    background: url(../../img/contact_b02.gif) top left no-repeat;

}

/* home */
#menu_07 {

    width: 150px;

    height: 30px;

    margin: 0;

    padding: 0;

    text-indent: -9999px;

    float: left;

    display: inline;

    background: url(../../img/home_b.gif) top left no-repeat;

}



#menu_07:hover {

    background: url(../../img/home_b02.gif) top left no-repeat;

}





/* main_contents 指定 */



#main_contents {

    width: 900px;

	margin: 0;

	padding-top: 25px;

	overflow: hidden;

	clear: both;

}



.title_01 {

    margin: 0;

	padding: 40px 0 0 0;

}





/* block_01 指定 */



.block_01 {

    width: 370px;

	height: auto;

	margin: 0;

	padding: 0 0 0 30px;

	text-align: left;

	float: left;

	display: inline;

	overflow: hidden;

}



.block_01 iframe {
	width: 350px;
	height: 120px;
	border: none;
	margin-bottom: 20px;
	padding: 0;
	display: block;
	clear: both;
	background-color: #FFFFFF;
}



.block_01 a {

    margin: 0;

	padding: 0;

    display: block;

	clear: both;

}





/* block_02 指定 */



.block_02 {

    width: 470px;

	height: auto;

	margin: 0;

	padding-right: 30px;

	float: right;

	display: inline;

	overflow: hidden;

}



.block_02 h3 {

    font-size: 26px;

	_font-size: 163%;

	line-height: 1.5em;

	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";

	margin: 0;

	padding: 55px 0 0 20px;

	text-align: left;

    

}



.block_02 a img{

    margin: 0;

	padding: 10px 0 15px 0;

	border-top: #CCCCCC dashed 1px;

}



/* block_03 指定 */



.block_03 {

    width: 410px;

	margin-left: 40px;

	padding: 0;

	float: left;

	display: inline;

	text-align: left;

	overflow: hidden;	

}



.block_03 h3 {

    margin-bottom: 25px;

}



.block_03 h4 {

    margin-bottom: 15px;

}



.block_03 p {

    font-size: 13px;

	_font-size: 80%;

    width: 380px;

	margin: 0;

	padding: 0 10px 40px 10px;

}



.block_03 ul {

    margin: 0;

	padding: 0;

}



.block_03 li {

    margin: 0;

	padding: 0 0 10px 0;

	line-height: 1.75em;

}



.company {

    margin: 0;

	padding: 0 0 20px 10px;

}





/* block_04 指定 */



.block_04 {

    width: 410px;

	margin: 0;

	padding-right: 40px;

	float: left;

	display: inline;

	text-align: right;

	overflow: hidden;	

}



.block_04 p {

    font-size: 12px;

	_font-size: 75%;

	margin: 0;

	text-align: left;

	padding: 0 0 20px 100px;

}



.block_04 a img {

    margin: 0;

	padding-bottom: 10px;

} 







/* block_05 指定 */



.block_05 {

    width: 870px;

	margin: 0;

	padding: 0 0 0 30px;
	text-align: left;
	clear: both;

}



.block_05 h3 {

    font-size: 14px;

	_font-size: 87.5%;

    margin: 0 0 10px 10px;

	padding: 0;

}



.block_05 h4 {

    font-size: 18px;

	_font-size: 113%;

	color: #000000;

	margin: 0;

	padding: 0 0 0 15px;

	clear: both;

}



.block_05 p {

    width: 810px;

    margin: 0;

	padding: 0 10px 30px 10px;

}



.block_05 ul {

    width: 870px;

    margin: 0 0 0 15px;

	padding: 0;

}



.block_05 li {

    margin: 0;

	padding: 0 25px 40px 0;

	list-style: disc;

	float: left;

	display: inline;

}



.block_05 li a {

    font-size: 14px;

	_font-size: 87%;

	color: #000000;

	font-weight: bolder;

	text-decoration: none;

    margin: 0;

	padding: 0;

	display: block;

}



.block_05 li a:hover {

    color: #4C6730;

}



.block_05 li a:visited {

    color: #99CC99;

}



.block_05 dl {

    width: 820px;

    margin: 0 40px 20px 10px;

	padding: 30px 0;

	border-top: #CCCCCC solid 1px;

	border-bottom: #CCCCCC solid 1px;

}



.block_05 dt {

    margin: 0;

	padding-bottom: 15px;

} 



.block_05 dd {

    margin: 0;

	padding: 0 0 15px 10px;

}



#faq {

    border: none;

	margin: 10px 40px 20px 10px;

	padding: 0;

	

}



#faq dt {

    width: 770px;

	margin-left: 20px;

	padding: 5px 0;

	font-size: 14px;

	_font-size: 87%;

	font-weight: bolder;

	color: #003300;

}



#faq dd {

    margin: 0;

	padding: 0 30px 15px 30px;

}



.block_05 img {

    margin: 30px 10px 30px 0;

	padding: 10px 0;

	border-top: #CCCCCC dashed 1px;

	border-bottom: #CCCCCC dashed 1px;

}





/* block_06 指定 */



.block_06 {

    width: 820px;

	margin: 0;

	padding: 0 40px 20px 40px;

	text-align: left;

	clear: both;

}



.block_06 h3 img {

    margin: 0;

	padding: 5px 0 20px 0;

}



.block_06 h4 {

    font-size: 21px;

	_font-size: 131%;

	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";

	line-height: 1.5em;

	margin: 0;

	padding: 0 0 30px 0;

}



.block_06 img {

    margin: 0;

	padding:0;

	float: left;

	display: inline;

}



.block_06 p {

    width: 800px;

    margin: 0;

	padding: 10px 0 10px 5px;

}





.step_01 {

    width: 400px;

	height: 190px;

	margin-bottom: 35px;

	padding: 0;

	float: left;

	display: inline;

	border: #99CC33 solid 1px;

}



.step_01 img {

    float: left;

	display: inline;

}



.step_01 p {

    width: 150px;

	margin: 0;

	padding: 30px 10px 10px 10px;

	float: left;

	display: inline;

}



.step_02 {

    width: 400px;

	height: 190px;

	margin-bottom: 30px;

	padding: 0;

	float: right;

	display: inline;

	border: #99CC33 solid 1px;

}



.step_02 img {

    float: left;

	display: inline;

}



.step_02 p {

    width: 180px;

	margin: 0;

	padding: 30px 10px 10px 10px;

	float: left;

	display: inline;

}





/* block_07 指定 */



.block_07 {

    width: 500px;

	margin: 0;

	padding: 0 0 0 40px;

	text-align: left;

	float: left;

	display: inline;

	overflow: hidden;

}



.block_07 h4 {

    margin: 0;

	padding: 20px 0 25px 0;

	clear: both;

}



.coment_01 {

    width: 240px;

	margin: 0;

	padding: 0;

	float: left;

	display: inline;

}



.coment_01 p {

    margin: 0;

	padding: 10px;

}





/* block_08 指定 */



.block_08 {

    margin: 0;

	padding: 10px 40px 0 0;

	text-align: left;

}



.block_08 h4 {

    margin: 0;

	padding: 20px 0 15px 0;

}



.block_08 p {

    margin: 0;

	padding: 0 0 30px 535px;

}



.block_08 a img {

    margin: 0;

	padding-bottom: 10px;

}





/* block_09 指定 */



.block_09 {

    width: 340px;

	height: auto;

    margin: 0;

	padding: 0 20px 0 0;

	text-align: left;

	float: right;

	display: inline;

}



.block_09 h3 {

    margin: 0;

	padding-bottom: 15px;

}



.block_09 h4 {

    margin: 0;

	padding-bottom: 15px;

} 



.block_09 p {

    margin: 0;

	padding: 0 15px 20px 0;

}



.block_09 a img {

    margin: 0;

	padding-bottom: 35px;

}



.09_fonts {

    font-size: 12px;

	_font-size: 75%;

	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";

	color: #003333;

    margin: 0;

	padding: 0;

}





/* block_10 指定 */



.block_10 {

    margin: 0;

	padding-right: 40px;

	text-align: left;

	float: right;

	display: inline;



}



.block_10 img {

    margin: 0;

	padding-bottom: 15px;

}



.block_10 p {

    font-size: 13px;

	_font-size: 82%;

	margin: 0;

	padding-bottom: 35px;

}





/* Block_11 指定 */



.block_11 {

    width: 820px;

	margin: 0 40px 20px 40px;

	padding: 0 0 20px 0;

	border-bottom: dotted #333300 1px;

	text-align: left;

	overflow: hidden;

	clear: both;

}



.block_11 img {

    margin: 0;

	padding: 0 0 0 10px;

	float: left;

	display: inline;

}





.coment_02 {

    width: 390px;

	margin: 0;

	padding: 0 0 0 10px;

	float: left;

	display: inline;

}



.coment_02 h3 {

    font-size: 14px;

	font-weight: bold;

	margin: 0;

	padding: 0 0 10px 0;

	clear: both;

}



.coment_02 p {

    font-size: 12px;

	line-height: 1.5em;

    width: 320px;

    margin: 0;

	padding: 0;

	clear: both;

}

	





/* footer 指定 */



#footer {

    width: 900px;

	margin: 0;

	padding: 10px 0;

	text-align: center;

	clear: both;

	background-color: #4C6730;

}

#footer ul{
	margin-left: -18px; /* 逃げ */
}

#footer li{
  display: inline;
  border-left: #FFFFFF solid 1px;
}

/* オリジナルは右バー無しだが、新し目ブラウザだけでも右バー表示 */
#footer li:last-child{
  border-right: #FFFFFF solid 1px;
}

/*
#footer ul {
    width: 810px;

    margin: 0;

    padding: 0 0 0 85px;
}



#footer li {

    margin: 0;

	padding: 0;

	border-left: #FFFFFF solid 1px;

	float: left;

	display: inline;

}
*/
    

#footer a {

    margin: 0;

	padding: 0 10px;

    color: #FFFFFF;
/*
	display: block;
*/

}




#footer a:visited {

    color: #000000;

}

#footer a:hover {

    color: #003333;

}



address {

    font-size: 10px;

	_font-size: 62.5%;

    margin: 0;

	padding-top: 10px;

    color: #FFFFFF;

	clear: both;

	font-style: normal;

}
.whiteday {
	margin: 0px;
	padding: 0px;
}


.telbox{
	text-align: center;
}

.telbox img{
	border-bottom:1px dashed #CCCCCC;
	border-top:1px dashed #CCCCCC;
	margin:30px 10px 30px 0;
	padding:10px 0;
}

/* 商品取引法テーブル */
#law_shop {
	border: 1px solid #ccc;
	width: 820px;
	margin-left: 10px;
	
}

#law_shop td,
#law_shop th{
	font-size: 13px;
	font-weight: normal;
	vertical-align: top;
	text-algin: left;
	padding: 5px;
}

#law_shop th{
	background-color: #e6e6e6;
	width: 200px;
}