@charset "utf-8";
/*
Theme Name:古本買取
Theme URI: http://zentekido.hippy.jp
Description: theme741
Version: 1.0
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

body{
font:80%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
-webkit-text-size-adjust: none;
background:#f5f2ec;
background:url(images/body-background.png) 0 0;
}


/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#000;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#c0ae86;
}


/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display: table;clear: both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom: 1;}


/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea{
vertical-align:middle;
max-width:90%;
line-height:30px;
height:30px;
padding:1px 5px;
border:1px solid #d4d4d7;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:100%;
color:#555;
background:#fcfcfc;
}

textarea{
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:3px 10px;
background: #2a588b;
background: -moz-linear-gradient(top, #2a588b 0%, #214a78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2a588b), color-stop(100%,#214a78));
background: -webkit-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: -o-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: -ms-linear-gradient(top, #2a588b 0%,#214a78 100%);
background: linear-gradient(to bottom, #2a588b 0%,#214a78 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a588b', endColorstr='#214a78',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #2a588b;
background: -moz-linear-gradient(top, #214a78 0%, #2a588b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#214a78), color-stop(100%,#2a588b));
background: -webkit-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -o-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: -ms-linear-gradient(top, #214a78 0%,#2a588b 100%);
background: linear-gradient(to bottom, #214a78 0%,#2a588b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#214a78', endColorstr='#2a588b',GradientType=0 );
}

*:first-child+html input[type="submit"]{padding:3px;}

/* レイアウト
------------------------------------------------------------*/
#wrapper-out{
width:100%;
background:url(images/header-background.png) repeat-x 0 0;
height:175px;
}

#wrapper{
width:1000px;
margin:0 auto;
}


/* ヘッダー
*****************************************************/
#header{
width:1000px;
margin:0 auto;
}

#header p{
padding:3px 0 0 35px;
font-size:12px;
color:#fff;
}

.header-logo{
float:left;
margin:30px 0 0 35px;
}

.header-tel{
float:right;
margin:5px 35px 0 0;
}

/* ナビメニュー
------------------------------------------------------------*/
#mainNav{
width:1000px;
height:60px;
margin:5px 0 0 0;
border:0px red solid;
}

#mainNav li{
float:left;
border:0px blue solid;
}

/* メイン
*****************************************************/
#main{
width:1000px;
margin:0 auto;
}
#main p{
font-size:14px;
color:#000;
}

.main-item{
width:635px;
margin:40px auto 0 ;
border:0px red solid;
}
/* スライダー
------------------------------------------------------------*/
.main-yukichi{
float:left;
width:365px;
margin:20px 0 0 0;
border:0px red solid;
}

.main-yukichi img{
margin:0 0 0 105px;
}

.wideslider{
float:right;
width:540px;
margin:15px 85px 0  0;
border:0px blue solid;
}

/* 買取
------------------------------------------------------------*/
.main-style1{
margin:30px 0 0 32px;
font-size:20px;
font-weight:bold;
letter-spacing:0.1em;
color:#553f2a;
border:0px blue solid;
}

.main-window{
width:956px;
margin:10px 11px 0 21px;
background-color:#fff;
border:1px #d5d5d5 solid;
}

.main-photo{
float:right;
width:200px;
margin:10px 20px;
}

.main-purchase{
float:left;
width:700px;
margin:10px 0 0 0;
font-size:14px;
letter-spacing:0.2em;
line-height:25px;
border:0px red solid;
}
.main-purchase p{
margin:10px 0 0 20px;
font-size:14px;
letter-spacing:0.1em;
line-height:25px;
border:0px red solid;
}


/* お知らせ
------------------------------------------------------------*/
.main-info{
float:left;
width:465px;
height:268px;
margin:30px 0 0 20px;
background-color:#fff;
border:3px #d5d5d5 solid;
}
.main-info h4{
background:url(images/bg_tl-h4.png) no-repeat 10px 0;
height:25px;
width:300px;
padding:8px 0 0 40px;
font-weight:bold!important;
font-size:20px!important;
float:left;
margin-bottom:10px;
}

.main-info img{
float:right;
margin:10px 10px 0 0;
}

.main-info ul{
margin:0 5px 0 5px;
border-top:2px #c0ac87 solid;
}

.main-info li.main-li{
height:20px;
margin:10px 0 0 5px;
border:0px red solid;
}

.main-date{
float:left;
width:80px;
font-weight:bold;
color:#756647;
}

.main-info .main-title{
float:left;
width:320px;
margin:0 0 0 20px;
text-decoration:underline;
}

/* ブログ
------------------------------------------------------------*/
.main-blog{
float:right;
width:465px;
height:268px;
margin:30px 20px 0  0;
background:#fff url(images/main-usio.png) no-repeat 350px 80px;
border:3px #d5d5d5 solid;
}

.main-blog h4{
background:url(images/bg_tl-h4.png) no-repeat 10px 0;
height:25px;
width:300px;
padding:8px 0 0 40px;
font-weight:bold!important;
font-size:20px!important;
float:left;
margin-bottom:10px;
}
.main-blog img{
float:right;
margin:10px 10px 0 0;
}
.main-blog ul{
margin:0 5px 0 5px;
border-top:2px #c0ac87 solid;
clear:all;
}
.main-blog li.main-li{
height:20px;
margin:10px 0 0 5px;
}

.main-blog .main-title{
float:left;
margin:0 0 0 20px;
width:250px;
/*font-weight:bold;*/
text-decoration:underline;
}

.main-usio{
float:right;
width;94px;
margin:30px 0 0 0;
}

/* フッター
*****************************************************/
#footer-out{
width:100%;
margin:30px 0 0 0;
}

/* フッター上部
------------------------------------------------------------*/
#footer-top{
width:1000px;
margin:60px auto 0;
}

.footer-left{
float:left;
width:300px;
margin:0 0 0 20px;
border:0px red solid;
}

.footer-left p{
padding:3px 0 0 3px;
font-size:12px;
color:#483e3f;
}

.purchase-area{
height:153px;
margin:10px 0 0 0;
padding:10px 0 0 10px;
font-size:10px;
font-weight:bold;
background:url(images/footer-background.png) no-repeat 0 0;
}

.footer-center{
float:left;
width:300px;
margin:0 0 0 80px;
border:0px red solid;
}


.footer-center p{
padding:0 0 5px 0;
font-size:18px;
font-weight:bold;
font-family:"DF平成ゴシック",sans-serif;
/*letter-spacing:0.1em;*/
color:#523a1e;
}

.footer-right{
float:right;
width:250px;
margin:0 20px 0 0;
border:0px red solid;
}

.go-top{
float:right;
width:90px;
margin:0 10px 0 0;
padding:5px;
text-align:right;
background-color:#473f3d;
border:0px red solid;
}

.go-top a{
letter-spacing:0.1em;
color:#fff;
}


.go-top a:hover{color:#efdbce;}
.go-top a:active, a:focus {outline: 0;}


/* フッターメニュー
------------------------------------------------------------*/
#footer-inner{
clear:both;
width:100%;
height:40px;
background-color:#473f3d;
}

.footer-menu{
width:1000px;
margin:0 auto;
color:#fff;
}

.footer-menu li{
float:left;
margin:0 20px 0 0;
padding:10px 0 0 0;
letter-spacing:0.1em;
}

.footer-menu li a{
color:#fff;
}

.footer-menu li a:hover{color:#efdbce;}
.footer-menu li a:active, a:focus {outline: 0;}


/* フッター下部
------------------------------------------------------------*/
#footer-bottom{
width:1000px;
margin:0 auto;
}

.footer-yukichi{
float:left;
margin:0 0 0 150px;
}

.footer-bottom-center{
float:left;
margin:0 0 0 30px;
}

.footer-usio{
float:right;
margin:0 220px 0 0;
}


/* フッター最下部
------------------------------------------------------------*/
#footer-last{
clear:both;
width:100%;
height:40px;
background-color:#e6dfd7;
}

.footer-last-menu{
width:1000px;
margin:0 auto;
}

.footer-last-menu ul{
float:left;
}

.footer-last-menu li{
float:left;
padding:10px 10px 0 0;
}

.copyright{
float:right;
padding:10px 40px 0 0;
}


/* 固定ページ
*****************************************************/
#main h2{
display:block;
width:900px;
margin:20px 0 20px 0;
padding:0 0 0 20px;
font-size:24px;
color:#780000;
border-left:7px #780000 solid;
border-bottom:1px #990000 solid;
}

#main h3{
width:650px;
margin:20px 0 20px 25px;
font-size:24px;
font-family:"ヒラギノ明朝 ProN W6"；

color:#333300;
border-bottom:1px #333300 solid;
}

#main p{
margin:0 10px 0 40px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

/* サイトマップ
------------------------------------------------------------*/
#sitemap{
margin:20px;
border:0px blue solid;
}

ul.sitemap{
margin:30px 0 0 100px;
padding:0 10px 0 10px;
border:0px blue solid;
}

ul.sitemap li{
padding:20px 0 0 20px;
font-size:18px;
text-decoration:underline;
list-style-type:circle;
/*background:url(images/header-icon1.png) no-repeat 0 8px;*/
}



/* プライバシーポリシー
------------------------------------------------------------*/
#privacy{
margin:20px;
border:0px blue solid;
}

.privacy-article{
margin:30px 40px 40px 40px;
font-size:16px;
line-height:26px;
letter-spacing:0.1em;
}

.privacy-article ul{
margin:20px 0 0 30px;
}

.privacy-article ul li{
margin:10px 0 0 0;
list-style-type:disc;
}

/* 買取の流れ
------------------------------------------------------------*/
#flow{
margin:20px 20px 40px;
border:0px blue solid;
}

.flow-left{
float:left;
width:65px;
margin:8px 0 20px 0;
border:0px red solid;
}

.flow-step{
width:60px;
margin:0 0 0 0;
}

.flow-allow{
margin:10px 0 0 0;
}

.flow-center{
float:left;
width:650px;
border:0px red solid;
}

.flow-h3{
margin:8px 0 0 0;
}

.flow-description{
float:left;
margin:15px 0 0 10px;
font-size:16px;
line-height:26px;
letter-spacing:0.1em;
}

.flow-description p{
margin:0px!important;
font-size:16px!important;
}

.flow-description ul{
margin:0 0 0 35px;
list-style-type:square;
font-size:14px;
}

.flow-right{
float:right;
width:215px;
margin:35px 10px 0 0;
border:0px red solid;
}


/* 電子書籍
------------------------------------------------------------*/
#ebook{
margin:20px;
border:0px blue solid;
}

#ebook p.style1{
margin:0 0 0 0;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
border:1px blue solid;
}

.ebook-book{
float:left;
width:250px;
margin:25px 0 0 25px;
border:0px red solid;
}

.ebook-overview{
float:right;
width:600px;
margin:35px 20px 0 25px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
color:#3c3c3c;
border:0px green solid;
}

.ebook-infomation{
float:left;
width:250px;
margin:55px 20px 0 75px;
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
color:#3c3c3c;
border:0px green solid;
}

.ebook-amazon{
float:right;
width:250px;
margin:45px 40px 0 0;
border:0px green solid;
}

/* 店舗情報
------------------------------------------------------------*/
#infomation{
margin:20px;
border:0px blue solid;
}

.infomation-company{
margin:40px 0 0 40px;
}

table.company{
width:830px;
margin:0 10px 10px 10px;
border-collapse:collapse;
border-spacing:0;
border:1px #b6b87f solid;
background:#fff;
}

table.company tr{
padding:10px;
border:1px #b6b87f solid;
}

table.company th{
width:200px;
padding:15px 10px 15px 20px;
font-size:110%;
text-align:left;
letter-spacing:0.2em;
background:#eaead8;
}

table.company td{
padding:10px 10px 10px 20px;
font-size:120%;
border:1px #b6b87f solid;
}

/* お知らせ・ブログ
------------------------------------------------------------*/
#info, #blog{
margin:20px;
width:100%;
background:#fff;
padding:20px;
}
#info p,#blog p{
line-height:3.0em;
}
#blog h3{
color:darrkgray;
font-weight:normal;
width:760px;
}

#info a{
font-size:14px;
line-height:26px;
letter-spacing:0.1em;
}

#date{
margin:0 30px 0 0;
text-align:right;
font-size:16px;
font-weight:bold;
}

#box-left{
float:right;
width:170px;
height:170px;
margin:10px 30px 10px 10px;
border:1px red solid;
}

#content{
margin:20px 20px 0 20px;
font-size:16px;
letter-spacing:0.2em;
line-height:30px;
}
#next{
width:820px;
padding:0 30px 10px;
}
.left{
float:left;
margin:40px 0 0 20px;
font-size:13px;
}

.left a{
color:#0a2f8d;
text-decoration:underline;
} 

.left a:hover{color:#e40011;}
.left a:active, a:focus {outline: 0;}

.right{
float:right;
margin:40px 20px 0 0;
font-size:13px;
}

.right a{
color:#0a2f8d;
text-decoration:underline;
} 

.right a:hover{color:#e40011;}
.right a:active, a:focus {outline: 0;}

/* アーカイブ */
.main-info{
}

.main-blog{
}

.archive-blog img{
border-radius:5px;
margin:0 auto;
}
li.archive-li{
width:850px;
height:235px;
margin:10px 0 40px 20px;
background-color:#fff;
}

.archive-box-left{
float:left;
width:170px;
margin:45px 0 0 25px;
height:170px;
padding-top:12px;
border:0px green solid;
}

.archive-center{
float:left;
width:450px;
height:235px;
margin:0 0 0 30px;
border:0px green solid;
}

.archive-title{
width:450px;
height:30px;
margin:30px 0 0 0;
padding-top:8px;
font-size:16px;
font-weight:bold;
text-overflow:ellipsis; 
white-spce: nowrap;
overflow:hidden;
}

.archive-title a{
color:#484848;
text-decoration:underline;
}

.archive-content{
width:440px;
height:130px;
margin:10px 0 0 0;
padding-left:0!important;
font-size:14px;
color:#0e0e0e;
text-overflow:ellipsis; 
white-spce: nowrap;
overflow:hidden;
}

.archive-content p{
margin:0px!important;
}

.archive-right{
float:right;
width:100px;
height:235px;
margin:0 10px 0 0;
}

.archive-date{
width:100px;
height:25px;
margin:15px 50px 0 0;
font-size:14px;
color:#352f2f;
}

.archive-continu{
margin:165px 10px 0 0;
}

.archive-continu a{
float:right;
font-size:12px;
text-decoration:underline;
color:#0a2f8d;
}

.archive-previous{
float:left;
color:0e0e0e;
width:300px;
margin-left:40px;
}

.archive-next{
float:right;
color:0e0e0e;
width:300px;
margin-right:150px;
text-align:right;
}

/* お問合わせ
------------------------------------------------------------*/
#inquiry{
margin:20px;
border:1px blue solid;
}

table.order {
width:820px;
border-collapse:collapse;
border-spacing:0;
margin-left:20px;
border:1px #b6b87f solid;
}

table.order th{
width:190px;
padding:10px 20px;
font-weight:normal;
text-align:left;
background:#eaead8;
border:1px #b6b87f solid;
}

table.order td{
padding:10px 20px;
text-align:left;
border:1px #b6b87f solid;
}

span.hissu{
float:right;
padding:2px 10px 2px 10px;
font-size:12px;
color:#fff;
background-color:#780000;
border-radius:3px;
}

span.left{
float:left;
width:50px;
}

span.right{
float:left;
padding:10px 5px 0 15px;
width:30px;
}

input[type="text"], textarea{
width:500px;
height:34px;
padding:1px 5px;
vertical-align:middle;
max-width:90%;
line-height:30px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
font-size:120%;
color:#555;
background:#fcfcfc;
border:1px solid #d4d4d7;
}

textarea{
width:500px;
height:auto;
line-height:1.5;
}

input[type="submit"],input[type="reset"],input[type="button"], p.readon a{
vertical-align:top;
padding:0 10px 0 22px;
background: #913131;
background: -moz-linear-gradient(top, #913131 0%, #b97777 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#913131), color-stop(100%,#b97777));
background: -webkit-linear-gradient(top, #913131 0%,#b97777 100%);
background: -o-linear-gradient(top, #913131 0%,#b97777 100%);
background: linear-gradient(to bottom, #913131 0%,#b97777 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#913131', endColorstr='#4486c9',GradientType=0 );
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:28px;
height:28px;
font-size:120%;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,p.readon a:hover{
background: #b97777;
background: -moz-linear-gradient(top, #4486c9 0%, #913131 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4486c9), color-stop(100%,#913131));
background: -webkit-linear-gradient(top, #4486c9 0%,#2e69a4 100%);
background: -o-linear-gradient(top, #4486c9 0%,#2e69a4 100%);
background: linear-gradient(to bottom, #4486c9 0%,#2e69a4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4486c9', endColorstr='#2e69a4',GradientType=0 );
cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}