@charset "UTF-8";



/* -----------------------------------------
用例：TOPページ

--------------------------------------------*/
#top_main{
  margin:0 auto;
}
#top_image{
width:100%;
height:400px;}
#contents .cols2{
  margin: 0px 15px 15px;
}
#contents h1{
margin:20px 20px 40px 20px;
font-size:36px;
font-weight:bold;
color:#3f2d11;
}
.bloc_title{
  margin:5px 0 15px;
}
.bloc_title .title_l
, .bloc_title .title_r{
  display: inline-block;
  position: relative;
  *:line-height:24px;
}

.bloc_title .title_l{
  border-bottom: 2px solid #005296;
  width:206px;
  padding-left:40px;
  font-size: 18px;
  height:25px;
  font-weight: bold;
}

.bloc_title .title_l img{
  position: absolute;
  left:1px;
  bottom:5px;
}

.bloc_title .title_r{
  border-bottom: 2px solid #cccccc;
  width:414px;
  font-size: 18px;
  height:25px;
  text-align:right;
}
.bloc_title .title_r a{
  font-size: 13px;
}

.bloc{
  margin-bottom: 20px;
}

.bloc a{
  color: #333;
}


/* 創業70年 */
#greeting{
padding:20px 30px;
}
#greeting p{
color:#3f2d11;
font-size:28px;
line-height: 200%;
}
/* 作品 */
#sakuhin{
padding:20px 30px;
background:url("../images/top/sakuhin_back_image.jpg") repeat;
}
#sakuhin img{
margin:10px;}
/* 選ばれる理由 */
#erabareru{
position:relative;
overflow: hidden;
padding:30px 30px;
background:url("../images/top/erabareru_back_image.jpg") repeat;
}
#erabareru .koko{
position:absolute;
right:70px;
top:5px;
}
#erabareru .erabareru_text{
margin:0 40px;
}
#erabareru p{
line-height: 210%;
text-align:left;
font-size:24px;
}
#erabareru span{
color:#df4f00;
}
/* 特典 */
#tokuten{
position:relative;
overflow: hidden;
padding:20px 30px 50px 30px;
margin:20px 20px 0px 20px;
height:160px;
background:url("../images/top/tokuten.png") no-repeat;
}
#tokuten p{
color:#584830;
font-weight:bold;
}
#tokuten .tokuten_text{
font-size:19px;
line-height:150%;
position:absolute;
width:70%;
text-align:left;
left:80px;
top:70px;
}
#tokuten .text{
font-size:16px;
position:absolute;
bottom:40px;
right:50px;
}
/* お問合せ */
#otoiawase{
height:220px;
background-color:#3f2d11;
color:white;
padding:30px 20px 50px 20px;
}
#otoiawase h2{
font-size:24px;
}
#otoiawase p{
font-size:18px;
margin-top:70px;
margin-left:20px;
line-height:150%;
}

#otoiawase .box{
height:147px;
margin:40px 20px;
}

#otoiawase .left_box{
height:auto;
margin-top:50px;
float:left;
margin-left:70px;
background:url("../images/top/tel.png") no-repeat;
width:410px
}
#otoiawase .right_box{
float:right;
margin-right:80px
}
#otoiawase a:hover img{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
/* あなたの本ができるまでここまで */
#dekirumade{
padding:30px 30px 50px 30px;
}
#youtube{
margin:0 auto;
    padding-bottom: 30px;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	width:80%;
	height:80%;
}

#process .text_box{
position:relative;
width:80%;
margin:10px auto;
background:white;
border:2px solid #aca18d;
padding:20px;
font-size:14px;
line-height: 150%;
}
#process .text_box .step_nummber img{
position:absolute;
top:-20px;
left:20px;
}
#process .text_box .left{
width:60%;
padding:20px 20px 20px 40px;
float:left;
}
#process .text_box .right{
padding:60px 20px 20px 0px;

}
#process .text_box h3{
font-size:20px;
color:#005313;
font-weight:bold;
padding:20px 0;
}
/* 価格 */
#kakaku{
padding:20px 30px 50px 30px;
}
#kakaku table{
width:88%;
font-size:12px;
margin-top:20px !important;
}
#kakaku table th{
width:16%;
}
#kakaku table td,
#kakaku table th{
border:white solid 2px;
height:34px;
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#kakaku table th,
#kakaku table .koumoku{
background-color:#3f2d11;
color:white;
}
#kakaku .blue{
background-color:#daeef3;
}
#kakaku .deepblue{
background-color:#addae5;
}

/* お客様の声 */
#voice{
padding:20px 20px 50px 20px;
height:800px;
}
#voice .box{
width:760px;
height:auto;
margin:20px auto;
background:white;
padding:20px;
}

#voice li .left_box{
text-align:left;
}
#voice li .right_box{
text-align:left;
}

#voice .photo img{
float:left;
width:20%;
margin:35px 5px 20px 20px;
max-width:160px;
height:auto;
}
#voice .photo2 img{
float:left;
width:20%;
margin:20px 5px 20px 20px;
max-width:160px;
height:auto;
}
#voice .box .text{
width:64%;
margin:20px 20px 20px 5px;
padding:18px 20px 10px 20px;
text-indent:1em;
font-size:12px;
float:right;
background:#F4EDE8;
border-radius: 1.5em; 
}
#voice .box  p.name{
padding:20px 0px 5px 0px;
font-weight:bold;
font-size:18px;
color:#3f2d11;
margin:0 20px;
border-bottom:1px #3f2d11 solid;
text-align:left;
}
#voice .box  p.writer{
margin-top:5px;
margin-right:20px;
text-align:right;}