@charset "utf-8";

/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}

/*--- default */
body {
	background: #FFF;
	color: #333;
	font-size: small;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.5;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* ===================================================================
CSS information

 file name  :style.css
 style info :ページレイアウト 他

=================================================================== */

/*----------------------------------------------------
	タグ
----------------------------------------------------*/
body{
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin:0; padding:0; text-align:left;
font-size:14px;
line-height:1.3;
color:#666;
}

h1{
font-size:12px;
font-weight:normal;
text-align:right;
margin:0;
padding:0;
line-height:1;
}


h2{
	margin:10px 0 5px 0;
	background:url(../img/re_h2_bg.gif);
	background-repeat:no-repeat;
	color:#666666;
	font-size:12px;
	padding:15px 0 10px 30px;
	height:20px;
}

h3{
margin:0 0 0 0;
background:url(../img/h3_bg.gif);
background-repeat:no-repeat;
background-position:left;
height:40px;
font-size:14px;
padding:20px 0 0 25px;
}

h4{
margin:0 0 5px 25px;
font-size:14px;
background:url(../img/h4_bg.gif);
background-repeat:no-repeat;
background-position:left;
height:30px;
padding:10px 0 0 15px;
}

h5{
margin:0 0 5px 30px;
font-size:16px;
}

h6{
margin:0 0 5px 10px;
font-size:14px;
}

img{
border:0;
}


p{
margin:0;
padding:0;
}

ul{
margin:0 0 0 10px;
padding:0;
list-style-type:none;
}

li{
margin:0 0 5px 0;
padding:0;
}


.txtred {
	color:#FF0000;
}

/*----------------------------------------------
　ひな形　ヘッダー　フッター
----------------------------------------------*/

#header{
margin:10px 0 0 0;
}
#page{
margin:0 auto;
width:1000px;
}



#footerNavi{
margin:0 auto;
width:500px;
height:25px;
text-align:center;
font-size:12px;
}
#footerNavi ul{
}
#footerNavi ul li{
float:left;
margin:0 10px 0 0;
}

#footer{
text-align:center;
clear:both;
margin:0;
height:105px;
padding:15px 0 0 0;
background:url(../img/footer_bg.gif);
background-repeat:no-repeat;
background-position:center;
}

address{
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	clear:both;
	color:#666666;
}


/*----------------------------------------------
　汎用
----------------------------------------------*/


/* フロート */

.imgR{
float:right;
margin:0 10px 10px 10px;
}

.imgL{
float:left;
margin:0 10px 10px 10px;
}


/* 写真画像淵取り */
.phImg {
	padding:1px;
	border:solid 1px #CCCCCC;
}

/* テキスト色 */
.red{
color:#CA0000;
}

.white{
color:#FFFFFF;
}

.box1{
margin:0 0 20px 20px;
}


/* ボーダー */
.borderCCC{
	border:1px solid #CCCCCC;
}


/* マージン */
.mgnR20{
margin-right:20px;
}



/* レイアウト */

.clear{
clear:both;
}
.section{
margin:10px auto;
width:950px;
}

.section p {
margin:0 20px 10px 40px;
}

.section ul {
margin:0 20px 20px 40px;
}

.section ol {
margin:0 20px 20px 40px;
}

.subSection{
margin:0 auto 10px auto;
width:880px;
border:dotted 1px #999999;
padding:10px;
height:auto;
}

.pageTop{
text-align:right;
margin:0 20px 10px 0;
font-size:12px;

}





/*----------------------------------------------
　送料について
----------------------------------------------*/
#priceList{
margin:0 auto 20px auto;
}

#priceList table{
margin:0 auto;
font-size:14px;
line-height:1.3;
color:#333333;
text-align:left;
}

#priceList table td{
text-align:right;
}

/*----------------------------------------------
　よくある質問と回答
----------------------------------------------*/
.qa_index{
line-height:1.5;
}

.qa_h3{
background:url(../img/h3_qa.gif);
height:25px;
padding:15px 0 0 40px;
background-repeat:no-repeat;
}

.qa_answer{
padding:0 0 10px 30px;
background:url(../img/answer.gif);
background-repeat:no-repeat;
margin:0 0 20px 5px;
background-position: top left;
}

/*----------------------------------------------
　保証規約
----------------------------------------------*/

.h4_support{
border:solid 1px #B4B4B4;
padding:10px;
background:#e1e1e1;
color: #333;
margin:10px 0 10px 0;
}

.support_list{
line-height:1.8;
margin:0 0 0 20px;
}


/*----------------------------------------------
　スタッフ紹介
----------------------------------------------*/
.staffBox{
margin:10px auto;
width:800px;
height:auto;
}

.staffPhBox{
float:left;
margin:0 30px 0 0;
}


/*----------------------------------------------
　お取引の流れ
----------------------------------------------*/
#flow_a03{
border:solid 1px #CCCCCC;
width:500px;
padding:10px;
margin:10px 0 10px 10px;
}
 
/*----------------------------------------------
　スタッフ紹介
----------------------------------------------*/
.staffBox{
margin:10px auto;
width:800px;
height:auto;
}

.staffPhBox{
float:left;
margin:0 30px 0 0;
}

table.staff {
	width:780px;
	margin:10px auto 20px auto;
	text-align:left;
	border:solid 1px #CCCCCC;
}

table.staff td {
	padding:3px;
	vertical-align:top;
	font-size:14px;
}

.staffBox p {
font-size:12px;
font-weight:bold;
}



/*----------------------------------------------
　お取引の流れ
----------------------------------------------*/
#flow_a03{
border:solid 1px #CCCCCC;
width:500px;
padding:10px;
margin:10px 0 10px 10px;
}
 
