@charset "UTF-8";
/* --------------------------------------------------
	0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin: 0;
	padding: 0;
}
article, aside, figure, figcaption, footer, h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section {
	display: block;
}
/* --------------------------------------------------
	1. HTML, Body, p, Anchor
-------------------------------------------------- */
html {
	overflow-y: scroll;
} /* for mozilla: always display scrollbar */
body {
	font-size: 100%;
	background-image: url("../img/bg.png");
	line-height: 2em;
	margin:0;
}
body.en {
	word-break: normal;
}

/*======== layout ========*/
.mb30{ margin-bottom:30px}

/*======== ヘッダー ========*/
#header{background:url(../img/headerline_bg.png) repeat; height:20px;}
#header h1{ text-align:center; font-size:12px; color:#fff; line-height:20px}

/*======== コンテンツ ========*/
#wrap{width:1000px;margin:0 auto;padding:0; background-color:#fff;border-left:1px solid #c4cde0;border-right:1px solid #c4cde0;}


a {
	color: #000;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
a:hover img.hoverImg {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}
:selection {
	text-shadow: none !important;
}
/* --------------------------------------------------
	2. Heading
-------------------------------------------------- */


.h2double {
	background-image: url("../img/h2_double.png");
	background-repeat: no-repeat;
	background-position: center;
	margin: 60px auto 10px;
	width: 896px;
	height: 84px;
	line-height:0.8;
}
.h2double h2 {
	padding: 3px 10px 10px 50px;
	font-size: 24px;
	color: #F03;
	line-height: 1.7em;
	text-shadow: 2px 2px 3px #EFEFEF;
	behavior: url("../ie-css3.htc");
}
.h2single {
	background-image: url("../img/h2_single.png");
	background-repeat: no-repeat;
	background-position: center;
	margin:60px auto 10px;
	width: 896px;
	height: 84px;
}
.h2single h2 {
	padding: 23px 10px 10px 50px;
	font-size: 24px;
	color: #F03;
	line-height: 1.7em;
	text-shadow: 2px 2px 3px #EFEFEF;
	behavior: url("../ie-css3.htc");
}




h3 {
margin:20px 50px;
padding:10px 0 10px 40px;
background-image:url("../img/h3_icn.png");
background-position:center left;
background-repeat:no-repeat;
text-shadow:2px 3px 1px #E6E6E6;
behavior: url("../ie-css3.htc");
font-size:22px;




}
/* --------------------------------------------------
	3. List
-------------------------------------------------- */
li {
	list-style: none;
}
/* --------------------------------------------------
	4. Table
-------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}
caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}
/* --------------------------------------------------
	5. Form
-------------------------------------------------- */
fieldset {
	border: none;
}
input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;/* width: 100%; */
}
label {
	cursor: pointer;
}
textarea {
	overflow: auto;
}
legend {
	display: none;
}
/* --------------------------------------------------
	6. Other
-------------------------------------------------- */
img {
	border: none;
	vertical-align: top;
}

.bg-red {
	background-color: #ffdcdd;
}
.u {
	text-decoration: underline;
}
.b {
	font-weight: bold;
}
.i {
	font-style: italic;
}
p {
	padding: 10px 50px;
}
ul {
	margin: 10px 50px;
	padding: 10px 20px 10px 10px;
	border-left: solid 5px #2e72cf;
}


.voice_cnt{
/*width:890px;*/
margin:30px 0px 30px 53px;
background-image:url("../img/voice_md.png");
background-repeat:repeat-y; 
}

.voice_md{
width:870px;/*890-60*/
clear:both;
margin:0px 0px;
padding:0px 0px;

}

.voice_md_l{
width:176px;
margin:0px 0px 0px 50px;
float:left;
}

.voice_md_r{
	width:620px;
	float:right;
}

.voice_md_r p{
font-size:1;
line-height:1;
}

.cnt01{
width:830px;/*890-18-42*/
padding:35px 21px 35px;
margin:30px 0px 30px 53px;
border:9px solid #b4e1f4;}

.cnt01 h2{
margin: 0 0 20px;
padding:0;}

.cnt01 p{
line-height:1.5;
margin-bottom:1.8em;
}



/* ------------------------------------------------------------
	7. For IE6/7
------------------------------------------------------------ */

/* for IE7: page zoom bug fix */
*:first-child+html body, *:first-child+html br {
	letter-spacing: 0;
}
/* //////////////////////////////////////////////////
[Layout] 
////////////////////////////////////////////////// */


/* ------------------------------------------------------------
	8. float,clear,textalign
------------------------------------------------------------ */

.clear {
	clear: both;
}
.f_r {
	float: right;
}
.f_l {
	float: left;
}
.t_c {
	text-align: center;
}
.t_r {
	text-align: right;
}
.t_l {
	text-align: left;
}
.f110 {
	font-size: 110%;
}
.f120 {
	font-size: 120%;
}
.f90 {
	font-size: 90%;
}
.f80 {
	font-size: 80%;
}
.marker_red {
	font-size: 105%;
	font-weight: bold;
	background-color: #ffdcdd;
	padding: 2px;
}
.marker_yellow {
	font-size: 105%;
	font-weight: bold;
	background-color: #fffa6f;
	padding: 2px;
}
/* ------------------------------------------------------------
	9. margin,padding
------------------------------------------------------------ */
.b_m10 {
	margin-bottom: 10px;
}
.b_m15 {
	margin-bottom: 15px;
}
.b_m20 {
	margin-bottom: 20px;
}
.b_m30 {
	margin-bottom: 30px;
}
.t_m10 {
	margin-top: 10px;
}
.t_m20 {
	margin-top: 20px;
}
.t_m30 {
	margin-top: 30px;
}

/* ------------------------------------------------------------
	c1~c9
------------------------------------------------------------ */

#c1 {}

#c3 {
	background-image:url("../img/c3_img.png");
	background-repeat:no-repeat;
	background-position:95% 100%;
}


#c4 {
	background-image:url("../img/c4_img.png");
	background-repeat:no-repeat;
	background-position:95% 100%;
}

#c7 {
	
	background-image:url("../img/c7_img.png");
	background-repeat:no-repeat;
	background-position:95% 100%;
}




/* ------------------------------------------------------------
	 c10 item
------------------------------------------------------------ */



#c10 #item {
	margin:10px auto;
}




#c10 #item h3 {
	padding:30px 0 10px 0;
	background-image:none;
	background-color:#fff;
}

#c10 #item h4 {
	margin:10px 50px;
	background-image:url("../img/globe.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding:3px 38px;
	font-size:105%;
}

#c10 #item p {
	margin:0 50px 30px;
	background-image:url("../img/item_p_bg.png");
	border-radius:10px;
}


#c10 #item p.img {
	background:none;
	text-align:center;
	padding:0;
	margin:30px 0 15px 0;
}




/* ------------------------------------------------------------
	c11~
------------------------------------------------------------ */

#c11 #list1 {
	width:896px;
	margin:0 auto;
}

#c11 #list1 ul {
	border:none;
	margin:15px auto;
	width:896px;
}

#c11 #list1 ul li {
	display:inline;
	margin:9px;
	
	
}


#c12 h2 img {
	margin:28px 35px;
}

#order_btn {
	text-align:center;
	width:896px;
	margin:30px auto;
}

#c13 #psarea {
	background-color:#f1f7ff;
	padding:5px;
	margin:10px auto 30px;
	width:886px;

}

#c13 #psin {
	background-color:#FFF;
	border:solid 1px #9fb6d3;
}
	
#c13 h2 {
	background-image:url("../img/ps.png");
	background-repeat:no-repeat;
	background-position:left top;
	font-size:18px;
	padding:20px 0 0 70px;
	margin:0 20px 0 18px;
	border-bottom:solid 1px #CCC;
	
}

/* ------------------------------------------------------------
	footer
------------------------------------------------------------ */

#footer {
	background:url(../img/headerline_bg.png) repeat;
	width:100%;
	margin:0 auto;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	line-height:1.5em;
	color:#fff;
}

#footer p {
	margin:0 auto;
	padding:10px 0 20px;
	text-align:center;
}

#footer p a{color:#fff;}

#footer ul {
	border:none;
	margin:0 auto;
	padding:20px 0 0 0;
	text-align:center;
}

#footer ul li {
	display:inline;
	padding:0 15px 0 0;
	margin:0 15px 0 0;
	border-right:solid 1px #fff;
}

#footer ul li a{color:#fff;}

#footer ul li.last {
	border:none;
}


/* ------------------------------------------------------------
	プライバシーポリシー
------------------------------------------------------------ */

#privacy {
	padding:10px 20px;
}

#privacy h2 {
	font-weight:bold;
	border-left:solid 4px #3E41FF;
	border-bottom:dotted 1px #3E41FF;
	padding:0 0 0 10px;
	margin:10px 0 20px 5px;
	text-shadow:2px 3px 1px #E6E6E6;
behavior: url("../ie-css3.htc");
font-size:22px;
	
}

#privacy h3 {
	margin:25px 0 10px 10px;;
	
}

#privacy p {
	margin:0 15px 10px;
	padding:0;
}

#privacy ol {
	margin:10px 0 20px 43px;
	
}

#privacy ol li {
	list-style-type:decimal;
}



/* ------------------------------------------------------------
	特定商取引法に基づく表記
------------------------------------------------------------ */


#tokutei {
	padding:10px 20px;
}

#tokutei h2 {
	font-weight:bold;
	border-left:solid 4px #3E41FF;
	border-bottom:dotted 1px #3E41FF;
	padding:0 0 0 10px;
	margin:10px 0 10px 5px;
	text-shadow:2px 3px 1px #E6E6E6;
behavior: url("../ie-css3.htc");
font-size:22px;
}

#tokutei ol {
		margin:10px 0 20px 43px;
	
}

#tokutei ol li {
	list-style-type:decimal;
}

#tokutei dl {
	margin:20px 10px 10px;
}

#tokutei dl dt {
	font-weight:bold;
	background-image:url("../img/h3_icn.png");
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 40px;
	margin:30px 0 10px;
	font-size:18px;
}

#tokutei dl dd {
	padding:0 55px 0 10px;
}