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


/*基本スタイル
---------------------------------------------------------*/
*{  
    margin: 0 auto;
	/*ブラウザの中央に配置させる*/
	padding: 0;
	font-size: 100%
}


/* html,bodyタグの設定 */
html, body{
	margin: 0;	/* 余白の削除 */
	padding: 0;	/* 余白の削除 */
	height: 100%;	/* 縦の高さを100% */
	width: 100%;	/* 横の幅を100% */
}
/* 全体を囲う大枠 */
#contents {
	background-color:#FFE4E1;/* バックグラウンド */
	position: relative;		/* フッター部の配置用に定義 */
	min-height: 100%;		/* 縦の表示領域を100% */
}

/*ヘッダーライン*/
#headerline {
	         background-color: #A91630;
	         position: relative !important;   
             top: 0;  
             left: 0;  
             width: 100%;  
             height: 15px;　　
}

/* ヘッダーの背景 */
#header-bk { 
	background-color:#FFE4E1;  /* 背景色 */
	padding:0px 0 0;      　　 /* 余白無し */
	height:104px;           /* 縦の高さ140px */
	width:100%;             /* 横の幅を100% */
}
/* ヘッダーの表示領域 */
#header { 
	 /* border: 5px solid #fff;表示領域を白枠で囲う */
	height:104px;  /* 縦の表示領域120px */
	width: 960px;   /* 横の幅960px */
	margin: auto;   /* 中央揃え */
	margin-bottom: 5px;
	}

body{
	 font-size: 90%;
	 color:6A3906;
	 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

	 background-color:#FFE4E1;
	/*--background-image:url(img/top_01.gif);
	background-repeat:repeat-x;---*/
}


#centerlogo{
	background:url(img/logo.png) top no-repeat;
	height:49px;  /* 縦の表示領域120px */
	width: 960px;   /* 横の幅960px */
	margin: auto;   /* 中央揃え */
	margin-top: 5px;
}

a:link {
	    color: #555555;
	    text-decoration: none;
}

a:visited {
	       color: #888888;
	       text-decoration: none;
}

a:hover {
	     color: #FF6600;
	     text-decoration: none;
}

a:active {
	      color: #000000;
	      text-decoration: none;
}

/**--------------ヘッダーライン----------------------------**/
#headerline {
	background-color: #A91630;
	position: relative !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 15px;
　　
}


#header{
　      width:960px;
        margin-top:6px;
        margin-left: auto;
        margin-right:auto;
		height: 58px;
		background:url(img/head_logo.png)center top no-repeat;
		
}


#wrapper{
	width: 960px;
	background-color:#FFE4E1;
	margin-top:3px;	
	margin-left: auto;
	margin-right:auto;
	padding: 0;
	height:auto;
}



/*------メインデザイン---------*/

#mainimage{
	width: 960px;
	height: 630px;
	margin-bottom: 15px;
}


#mainimage2{
	width: 960px;
	height: 315px;
}


#globalMenu{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	width: 960px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: dotted;
	border-bottom-style: none;
	border-top-color: #FFE4E1;
	border-right-color: #FFE4E1;
	border-bottom-color: #FFE4E1;	
}
	
#globalMenu a{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FF9999;
	border-left: 1px solid #ffffff;
	color: #663300;
	text-decoration: none;
	text-align: center;
}

#globalMenu a:hover {
	background-color:#ffccff;
}

#globalMenu li{
	float: left;
	width: 240px;
	display: block;
}



	

#container{
	width: 960px;
	padding-top: 0px;
	float:right;
	padding-right:5px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 20;
	margin-right: 0;
	margin-bottom: 0;
	
}


.decoline{
	width: 960px;
	margin-top: 5;
	margin-bottom: 5;
}

.decoline bottom{
	width: 960px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 0px;
}

.decoline2{
	width: 958px;
	margin-top: 5;
	margin-bottom: 5;
}

.decoline2 bottom{
	width: 958px;
	margin-top: 5px;
	margin-bottom: 30px;
	padding: 0px;
}

ground-position{
	: top;
}

#headcopy{
	 font-size: 1.143em;
     font-weight: normal;
	 text-align:center;
	 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	 letter-spacing: 0.1px;
	 color:#663333;
	 width: 958px;
	 margin: 20px 20px 0 0px;
	
	}
	
#headcopy2{
	font-size: 1.143em;
	font-weight: normal;
	text-align:left;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.4px;
	line-height:150%;
	color:#663333;
	width: 958px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
	
	}	
	
.caption{
	 font-size: 80% ;
	 color:#6A3906;
	 font-weight: bold;
	 text-align:left;
	 font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	 letter-spacing:0.4px;
	 line-height:150%;
	 color:#663333;
	 width: 958px;
	 margin: 8px 20px 20px 0px;
	
	}	

/********一覧***********/

#productList {
	margin-top: 10px;
	margin-left: 11px;
	margin-bottom: 7px;
}

#productList h2 {
	font-size:90%;
	text-align:center;
	

}

#productList li {
	display: block;
	float: left;
	width: 217px;
	margin: 10px 10px 0 10px;
	text-align:center;
}

#productList h3 span {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #4B2A01;
}

#productList dl {
	margin: 1px 0;
    font-size:90%;
	color:6A3906;
	/*border-left: 1px solid #CCCCCC;*/
	/*border-right: 1px solid #CCCCCC;*/
	/*border-bottom: 1px solid #CCCCCC;*/
}
#productList dt {
	background-color: #FFE4E1;
	/*border-top-width: 1px;*/
	font-size: 90% ;
	color:6A3906;
	/*border-top-style: solid;*/
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
	text-align:left;
	line-height: 183%;
	letter-spacing: 0.6px;
}
#productList dd {
	padding: 2px 0;
	font-size: 90% ;
}


#productList2 {
	margin-top: 0px;
	margin-left: 70px;
	margin-bottom: 7px;
	margin-right: 40px;
}



#productList2 h2 {
	color: 6A3906;
	text-align:center;
}

#productList2 li {
	display: block;
	float: left;
	width: 217px;
	margin: 10px 30px 0 30px;
	text-align:center;
}

#productList2 h3 span {
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #4B2A01;
}
#productList2 dl {
	margin: 1px 0;
    font-size:90%;
	color:6A3906;
	/*border-left: 1px solid #CCCCCC;*/
	/*border-right: 1px solid #CCCCCC;*/
	/*border-bottom: 1px solid #CCCCCC;*/
}
#productList2 dt {
	background-color: #FFFACF;
	/*border-top-width: 1px;*/
	font-size: 90% ;
	color: #6A3906;
	/*border-top-style: solid;*/
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 0;
}

#productList2 dd {
	padding: 2px 0;
	font-size: 90% ;
}




.tablebox1{
	height: 290px;
	margin-top: 20px;
	font-size: 90%;
	color:#663333;
	background-color: #FFFFFF;
	padding-top: 20px;
	margin-bottom: 20px;
	
}

.tablebox2{
	height: 290px;
	margin-top: 20px;
	font-size: 90%;
	line-height: 140%;
	color:#663333;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 10px;
	margin-top: 10;
	margin-right: 10;
	margin-bottom: 20;
	margin-left: 0px;
	
}

.tablebox3{
	height: 290px;
	font-size: 90%;
	color:#663333;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 10;
	margin-right: 10;
	margin-bottom: 20;
	margin-left: 0px;
	
}

.tablebox4{
	height: 120px;
	font-size: 90%;
	color:#663333;
	background-color: #FFFFFF;
	padding-top: 15px;
	margin-top: 15;
	margin-right: 10;
	margin-bottom: 20;
	margin-left: 0px;
	
}



#content {
	text-align: left;
	width: 958px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}

#content3 {
	text-align: left;
	width: 958px;
	height:auto;
	/*background-color: #FFFFFF;*/
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 0;
}




/* ============== FAQ =============== */

#content2 {
	text-align: left;
	width: 958px;
	background-color: #FFE4E1;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
	}

.faq_row ul {
	border-bottom: 1px dotted #ff697a;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 10px 0;
	}

.li_q {
	background:url(img/li_Q.gif) no-repeat;
	color: #ff697a;
	margin-bottom: 10px;
	min-height: 30px;
	padding: 0 0 0 40px;
	}
	

.li_a {
	background:url(img/li_A.gif) no-repeat;
	margin-bottom: 10px;
	padding: 0 0 0 40px;
	color:#663333;
	}
	

.faq_row {
	padding: 0;
	margin: 0 15px 10px;
	}
	
.title{
	margin-top: 15px;	
	}	

.support {
	padding: 0;
	margin: 0 0 10px;
	}
	
p.support{
	padding: 0;
	margin: 0 0 5px;
	color:#663333;
	line-height: 183%;
}

img.sup_ph{
	float:left;
	padding-right: 15px;
	margin: 0;
           
		   }
	  

h2{
    /***************************************
	margin: 0 0 1.5em;
    padding: 0.8em;
    border-left: 11px solid #FF697A;
    border-bottom: 1px dashed #FF697A;
	*****************************************/

    font-size: 1.143em;
    font-weight: normal;
	color:#663333;
}
/***************************************
#producth2{
	margin-top: 20px;
	width:954px; 	
}

h2{
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
*****************************************/


h3{
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #B92A2C;
}
 
h3:before{
    content: "";
    position: absolute;
    background: #d48789;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h3:after{
    content: "";
    position: absolute;
    background:#d26466;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

#mailbox{
	     margin-top: 20px;
	     }

	
/*--フッター-------------------------------------------*/
/* フッターの背景 */
#footer-bk
{
	background-color: #A91630;   /* 背景色*/
	width:100%;               /* 横の幅を100% */
	height: 120px;            /* 縦の幅を120px */
	/* position: absolute;      絶対位置指定することを定義 */
	bottom: 0px;          /* 上下に余白を取る */
	clear:both;
	margin-top: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


/* フッターの表示領域 */
#footer-01{
	height: auto;          /* 縦幅の指定100px */
	width: 460px;           /* 横の幅960px */
	float: left;
	clear: both;
	color: #663300;
}

.footerp{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10pt;
	line-height:130%;
	color: #663300;
	}

/*#footer-01{
	height: auto;          /* 縦幅の指定100px */
	/*width: 460px;           /* 横の幅960px */
	/*float: left;
	clear: both;
	color: #663300;
	/*font-size: small;
	/*display: inline;
	list-style-type: none;
	font-size: 80%;
	text-align: inline;
	font-weight: lighter;
	/*margin: auto;            中央揃え 
}*/


#footer-02{
	height: auto;          /* 縦幅の指定100px */
	width: 460px;           /* 横の幅960px */
	float: left;
	clear: left;
	align: left;
	text-align: left;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:10pt;
	text-decoration: none;
	list-style-position: inside;
	list-style-type: none;
}

p.copy{
	color:#FFFFFF;
	}

#footer-wrap{
	height: auto;          /* 縦幅の指定100px */
	width: 960px;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background:url(img/gotop_btn.png)no-repeat center;
	/*background: #666;*/
	text-decoration: none;
	color: #666;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background:url(img/gotop_btn_b.png)no-repeat center;
}