@charset "UTF-8";

/* CSS Document */


/*basic style
----------------------------------------------- */
* {
	margin:0;
	padding:0;
	border:0px;
}
body{
	margin: 0;
	padding: 0;
	background: url("../common_img/bg_yellowgreen.gif");
	text-align: center;
}
a:link {
	color: #009944;
}
a:visited {
	color: #009944;
}
a:hover {
	color: #00693E;
	background: #EDF2C6;
}
a:active {
	color: #00693E;
}
input{
	padding:3px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#666666;
	}
textarea{	
	padding:3px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#666666;
	}
hr {
	display: none;
}
img {
	border: 0;
}

/*container
----------------------------------------------- */
#container {
	width:880px;
	background-color:#FFFFFF;
	padding: 0;
	margin: 0 auto;
}

/*header
----------------------------------------------- */
#header {
	width: 880px;
	margin: 0 auto;
}
#header li {
	list-style-type: none;
}
#headerTopNavi {
	width: 880px;
	text-align: right;
	padding:3px 0;
}
#headerContent {
	background: url(../common_img/bg_header.gif) no-repeat;
	height: 80px;
	padding: 3px 238px 0 10px;
	margin-bottom: 1px;
}
#headerExtraNavi {
	margin: 4px 0 0;
}
#headerExtraNavi ul {
	margin: 0 -13px 0 0;
}
#headerExtraNavi li {
	font-size: 11px;
	display: inline;
	float: left;
	background: url(../common_img/arrow_header_ye.gif) 0 3px no-repeat;
	padding-right: 13px;
	padding-left: 13px;
}
#headerExtraNavi a {
	color: #ffffff;
}
#headerExtraNavi a:hover {
	color: #ffff99;
	background: none;
}
h1{
	padding: 0 0 0 10px;
	font-size: 14px;
	text-align: left;
	margin: 0;
}
#globalNavi {
	margin: 0;
	padding:0;
}
#globalNavi ul {
	margin: 0;
	padding:0;
}
#globalNavi li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	height: 32px;
	list-style-type: none;
}
#globalNavi li a {
	display: block;
	background: url(../common_img/navi_global.gif) no-repeat;
	text-indent: -9999px;
	height: 32px;
	padding: 0;
	margin: 0;
}
#globalNavi li a#global-top {
	width: 147px;
	background-position: 0 0;
}
#globalNavi li a:hover#global-top {
	background-position: 0 -32px;
}
#globalNavi li a#global-company {
	width: 146px;
	background-position: -147px 0;
}
#globalNavi li a:hover#global-company  {
	background-position: -147px -32px;
}
#globalNavi li a#global-use {
	width: 146px;
	background-position: -293px 0;
}
#globalNavi li a:hover#global-use  {
	background-position: -293px -32px;
}
#globalNavi li a#global-tokutei {
	width: 146px;
	background-position: -439px 0;
}
#globalNavi li a:hover#global-tokutei  {
	background-position: -439px -32px;
}
#globalNavi li a#global-faq {
	width: 146px;
	background-position: -585px 0;
}
#globalNavi li a:hover#global-faq  {
	background-position: -585px -32px;
}
#globalNavi li a#global-contact {
	width: 149px;
	background-position: -731px 0;
}
#globalNavi li a:hover#global-contact  {
	background-position: -731px -32px;
}
#headerBanner {
	padding: 0 10px;
	margin: 10px 0;
}
#headerBanner li {
	display: inline;
	list-style-type: none;
}

/*left
----------------------------------------------- */
#left {
	padding: 0 5px 0 10px;
	width: 220px;
	text-align: let;
}
#left li {
	list-style-type: none;	
}
.leftBanners  {
	margin: 0 0 3px;
}
.leftNavi {
	padding: 0;
	margin: 0 0 3px;
	border: 1px solid #aaaaaa;
	width: 218px;
}
.leftNavi h2 {
	text-indent: -9999px;
	width: 218px;
	height: 24px;
	overflow:hidden;
}
.leftNavi a {
	color: #000;
}
.leftNavi a:link {
	color: #000;
}
.leftNavi a:visited {
	color: #000;
}
.leftNavi a:hover {
	color: #000;
}
.leftNavi a:hover {
	color: #000;
	background: #EDF2C6;
}
.leftNavi a:active {
	color: #000;
}
.leftBorderDotted {
	border-bottom: 1px dotted #aaa;
}
#left-search h2 {
	background: url(../common_img/ttl_left_search.gif) no-repeat;
}
#left-searchBox {
	padding: 10px 10px 7px;
}
#left-searchList li {
	border-top: 1px solid #aaaaaa;
	padding: 5px 7px;
}
#left-searchList li a {
	padding-left: 12px;
	background: url(../common_img/arrow_left_orange.gif) 0 1px no-repeat;
}
.left-listBox {
	background: #dddddd;
	margin: 1px 0 0;
	padding: 7px;
}
.left-listBoxInside {
	width: 204px;
	background: #ffffff;
	text-align: left;
}
.left-listBox h3 {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 7px 0;
	height: 18px;
}
.left-listBox ul {
	background: #fff;
	width: 204px;
}
.left-listBox li {
	padding: 4px 0 4px 6px;
}
.left-listBox li a {
	padding-left: 12px;
}
#left-products h2 {
	background: url(../common_img/ttl_left_products.gif) no-repeat;
}
#left-products h3 {
	background: url(../common_img/bg_left_green.gif) repeat-x;
}
#left-products a {
	background: url(../common_img/arrow_left_green.gif) 0 1px no-repeat;
}
#left-guide h2 {
	background: url(../common_img/ttl_left_guide.gif) no-repeat;
}
#left-guide a {
	background: url(../common_img/arrow_left_blue.gif) 0 1px no-repeat;
}
#left-use h2 {
	background: url(../common_img/ttl_left_use.gif) no-repeat;
}
#left-use h3 {
	background: url(../common_img/bg_left_pink.gif) repeat-x;
}
#left-use a {
	background: url(../common_img/arrow_left_pink.gif) 0 1px no-repeat;
}
.left-listBox2 {
	border: #dddddd 4px solid;
	padding: 1px;
}
.left-listBox2 h2 {
	text-indent: -9999px;
	width: 208px;
	height: 38px;
	overflow:hidden;
	margin-bottom: 4px;
}
.left-listBox2 li {
	padding: 0 0 5px 6px;
}
.left-listBox2 li a {
	padding-left: 12px;
}
#left-point h2 {
	background: url(../common_img/ttl_left_point.gif) no-repeat;
}
#left-point a {
	background: url(../common_img/arrow_left_blue.gif) 0 1px no-repeat;
}
#left-miso h2 {
	background: url(../common_img/ttl_left_miso.gif) no-repeat;
}
#left-miso a {
	background: url(../common_img/arrow_left_yellow.gif) 0 1px no-repeat;
}
#calendar {
	border: solid 2px #c0dea3;
	padding: 3px;
	margin-bottom: 7px;
}

/*footer
----------------------------------------------- */
#footerGuide {
	margin: 15px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 880px;
}
#footerGuide-table {
	border-collapse: separate;
	margin: 7px 12px;
}
.footerGuide-td {
	border: solid 1px #bbb;
	width: 418px;
	vertical-align: top;
}
.footerGuide-td h2 {
	width: 418px;
	height: 30px;
	text-indent: -9999px;
	overflow:hidden;
	margin-bottom: 8px;
}
.footerGuide-td dl {
	padding: 0 8px 8px;
	width: 398px;
}
.footerGuide-td dt {
	padding-left: 13px;
	font-size: 13px;
	font-weight: bold;
	background: url(../common_img/icon_footer_square-blue.jpg) 0 4px no-repeat;
	margin-bottom: 3px;
}
.footerGuide-td dd {
	font-size: 11px;
	line-height: 15px;
}
.footerGuide-td h3 {
	font-size: 12px;
	font-weight: bold;
	color: #2b4bb5;
	margin-bottom: 3px;
}
.footerGuide-td img {
	margin-bottom: 8px;
}
#footer-fee h2 {
	background: url(../common_img/ttl_footer_fee.gif) no-repeat;
}
#footer-payment h2 {
	background: url(../common_img/ttl_footer_payment.gif) no-repeat;
}
.footerGray {
	background: #ddd;
	padding: 5px;
	margin: 0 8px 8px;
	font-size: 11px;
	line-height: 15px;
}
#footer-shipping h2 {
	background: url(../common_img/ttl_footer_shipping.gif) no-repeat;
}
#footer-flow h2 {
	background: url(../common_img/ttl_footer_flow.gif) no-repeat;
}
.footerFlowC,
.footerFlowS {
	float: left;
	width: 70px;
	padding: 4px 0;
	text-align: center;
}
.footerFlowC {
	background: #fac8dd;
}
.footerFlowS {
	background: #b2d7f8;
}
.footerFlow-r {
	float: left;
	width: 310px;
	padding-top:  3px;
	padding-left: 8px;
}
#footer-return h2 {
	background: url(../common_img/ttl_footer_return.gif) no-repeat;
}
#footer-return p {
	padding: 0 8px 8px;
	width: 398px;
}
#footerInfo {
	margin: 0 15px 15px;
}
#footerRakuyano {
	border: #68b82d 2px solid;
	border-collapse: collapse;
	background: #e5fee5;
}
#footerRakuyano td {
	border: #68b82d 1px solid;
	padding: 7px;
	font-size: 11px;
	line-height: 15px;
	vertical-align: top;
}
#footerManager {
	width: 90px;
	float: right;
	padding-left: 5px;
}
#footerManager dt {
	text-align: center;
	color: #669933;
	font-weight: bold;
	margin-bottom: 4px;
}
#footerAbout {
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #68b82d;
}
#footerAbout dt {
	display: inline;
	float: left;
	width: 78px;
	height: 45px;
	text-indent: -9999px;
	overflow:hidden;
	background: url(../common_img/p_footer_rakuyano-towa.gif) no-repeat;
}
#footerAbout dd {
	display: inline;
	float: right;
	width: 265px;
}
#footerSSL {
	width: 295px;
	float: left;
}
#footerBanners td {
	padding: 3px 0;
	text-align: center;
	vertical-align: middle;
}

/*main
----------------------------------------------- */
.main{
	width:642px;
	text-align:center;
	margin:0px;
	padding-top:10px;
	}
.main table{
	width:600px;
	}
.news{
	height:150px;
	border-width:2px;
	border-style:solid;
	border-color:#123393;
	}
.nouti{
	width:580px;
	}
.nouti img{
	margin:2px 5px 2px 5px;
	}
.okyaku{
	width:580px;
	padding:9px;
	border-width:1px;
	border-style:solid;
	border-color:#CCCCCC;
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
	}
.img{
	width:150px;
	margin:0px 3px 3px 0px;
	float:left;
	}
.okyaku-text{
	text-align:left;
	color:#333333;
	}
.akiti {
	width:580px;
	}
.akiti img{
	margin:2px 5px 2px 5px;
	}
.youto_ph {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
.newproduct_line {
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #91397d;
	border-left-color: #91397d;
}
.newproduct_line_inside {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #d873af;
}
.youto_line {
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #6d3e07;
	border-left-color: #6d3e07;
}
.youto_line_inside {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #a87a43;
}
#youto_daimenseki {
	background: url(../img/top_bg_yo_dai.gif) no-repeat;
	width: 596px;
	height: 209px;
}
#youto_daimenseki p {
	width: 350px;
	float: left;
	margin: 8px 0 0 8px;
}
#youto_daimenseki div.youto_dai_btn {
	float: right;
	margin-top: 160px;
	margin-bottom: 5px;
}
#youto_daimenseki div.youto_dai_btn a {
	margin-left: 5px;
}
.place_line {
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #00693E;
	border-left-color: #00693E;
}
.place_line_inside {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #58a133;
}
.nayami_kakomi {
	border: 2px solid #009944;
	width: 625px;
}
.nayami_kakominaka {
	width: 605px;
	margin: 10px;
}
.nakatitle{
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 1.3em;
}
.nayami_greenline {
	border: 1px solid #009944;
}
.norepeat_center {
	background-repeat: no-repeat;
	background-position: center top;
}
.koe_line {
	border: 2px solid #00479D;
}
.koelink1 {
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.koelink2 {
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.jirei_line {
	border: 2px solid #00479D;
	width: 590px;
	background-color: #FFFFCC;
	padding: 5px;
	margin: 10px;
}
.jirei_box {
	padding: 10px;
	width: 568px;
	border: 1px solid #009944;
	margin-top: 15px;
}
.jirei_margin {
	margin: 5px;
}
.jirei_box2 {
	width: 130px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.jirei_box2_2 {
	width: 130px;
	float: left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.koko_kakomi {
	border: 2px solid #009944;
	width: 621px;
}
.koko_margin2 {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	border: 1px dashed #1D2088;
	width: 560px;
	padding: 8px;
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
}
.koko_margin3 {
	text-align: left;
	width: 35px;
	float: left;
	height: 35px;
}
.koko_koe2 {
	padding: 0px;
	width: 430px;
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 10px;
}
.koko_midashi_top {
	font-size: 14px;
	line-height: 1.3em;
	color: #FFFFFF;
	background-color: #0086D1;
	padding: 5px;
	width: 590px;
	margin-top: 12px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	text-align: left;
	font-weight: bold;
}
.koko_box {
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
	padding: 5px;
	width: 590px;
	text-align: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.koko_box_ph {
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
	width: 180px;
	text-align: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 0px;
	float: left;
}
.koko_box_phtext {
	font-size: 11px;
	line-height: 1.3em;
	color: #333333;
	width: 180px;
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.koko_box_ph2 {
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
	width: 180px;
	text-align: left;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.koko_margin4 {
	text-align: left;
	width: 90px;
	float: left;
	height: 35px;
}
.koko_box_text {
	font-size: 12px;
	line-height: 1.3em;
	color: #333333;
	text-align: left;
	width: 385px;
	float: left;
}
#oshirase {
	border: solid 1px #ccc;
	background: #ffffcc;
	margin-bottom: 10px;
	width: 623px;
}
#oshirase h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	background: #ffff00;
	text-align:center;
	padding-top: 3px;
}
#detail {
	padding: 8px 10px;
	border: solid 3px #ffff00;
	font-size: 12px;
	line-height: 1.6em;
}

/*中央管理画面共通スタイル
----------------------------------------------- */
.text{
	text-align:center;
	color:#333333;
	font-size:12px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding:2px;
	}
.text_bold {
	font-size: 12px;
	line-height: 1.3em;
	font-weight: bold;
	color: #333333;
}
.blue-text{
	color:#0033FF;
	}
.red-text{
	color:red;
	}
.maintext{
	color:#333333;
	font-size:12px;
	line-height: 116%;
}
.maintext2 {
	color:#333333;
	font-size:12px;
	line-height: 1.3em;
}
.maintext_redunder {
	color:#FF0000;
	font-size:12px;
	line-height: 1.3em;
	text-decoration: underline;
}
.top_line_box {
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
}
.top_line_box_margin {
	margin top: -5px;
	top: 5px;
	padding-top: -10px;
	border: 1px solid #000000;
}
.float-left{
	float:left;
	}

/*サブページスタイル
----------------------------------------------- */
.tittle_625 {
	width:625px;
	height:35px;
	margin:15px 5px 0px 5px;
	padding:10px 10px 8px 28px;
	background-image:url(../img/tittle625.gif);
	text-align:left;
	color:#FFFFFF;
	font-size:15px;
	background-repeat: no-repeat;
}
.tittle_bl {
	width:625px;
	height:35px;
	margin:15px 10px 20px 5px;
	padding:10px 10px 8px 28px;
	background-image:url(../img/tittle625.gif);
	text-align:left;
	color:#FFFFFF;
	font-size:15px;
	background-repeat: no-repeat;
}
.tittle {
	width:625px;
	height:35px;
	margin:15px 5px 0px 5px;
	padding:10px 10px 8px 28px;
	background-image:url(../img/tittle625.gif);
	text-align:left;
	color:#FFFFFF;
	font-size:15px;
	background-repeat: no-repeat;
	}
.tittle a{	
	text-align:left;
	color:#FFFFFF;
	font-size:15px;
	}
.box{
	width:600px;
	margin:0px 5px 5px 5px;
	padding:9px;
	background-color:#FFFFFF;
	border-width:0px;
	border-style:solid;
	border-color:#000000;
	text-align:left;
	color:#333333;
	font-size:12px;
	line-height:1.3em;
	}
.box2{
	width:610px;
	padding:9px;
	background-color:#FFFFFF;
	text-align:left;
	color:#333333;
	font-size:12px;
	border: 2px solid #009933;
	}

/*使っていない可能性のあるスタイル
----------------------------------------------- */
.hinsitu table{
	width:580px;
	margin:5px 0px 10px 0px;
	}
.hinsitu-left{
	width:210px;
	margin:0px;
	padding:0px;
	text-align:center;
	float:left;
	}
.hinsitu-right{
	width:365px;
	margin:0px;
	padding:0px;
	text-align:right;
	line-height:1.5em;
	text-align:left;
	padding-left:10px;
	/*vertical-align:middole;*/
	}
.hinsitu-left2{
	width:370px;
	margin:10px 20px 0px 0px;
	padding:10px 0px 5px 0px;
	text-align:left;
	vertical-align:top;
	float:left;
	}
.hinsitu-right2{
	width:180px;
	margin:0px;
	padding:17px 0px 0px 0px;
	}
.hinsitu_kakomi {
	border: 2px solid #009944;
	width: 621px;
}
.hinsitu_box {
	width: 600px;
	font-size: 14px;
	line-height: 1.3em;
	color: #333333;
	margin: 12.5px;
}
.top{
	width:370px;
	margin:0px 20px 0px 0px;
	vertical-align:top;
	text-align:left;
	padding-left:10px;
	}	
.table-line{
	border-collapse:collapse;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#000000;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.table-line, table.table-line tr, table.table-line td {
border: solid 1px #000000;
border-collapse: collapse;
}	
.SSL_box {
	font-size: 11px;
	line-height: 1.3em;
	color: #333333;
	width: 220px;
	border: 1px solid #333333;
}
.SSL_box2 {
	font-size: 11px;
	line-height: 1.3em;
	color: #333333;
	width: 85px;
	margin: 5px;
	float: left;
}