/*
Theme Name: Chazen Onlinestore Theme
Theme URI: http://www.cha-zen.com/store/
Description: This is Chazen Onlinestore Theme.
*/

/* 基本 */
body {margin:0 auto; padding:0;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-image:url(images/bg.gif); background-repeat:repeat-x; background-color:#eee; background-position:top;}
a {text-decoration:none; color:#291b0d;}
a img {border:none;}

/* コンテナ */
div#container {width:100%; margin:auto;}

/* ヘッダ */
div#header {margin:0 auto; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; position:relative;}
#header img.sp {margin:0px; height:100px; float:left;}
#header div#logo {position:absolute; top:20px; left:100px;}
#header div#logo p.desc {font-size:12px; color:#000; margin:0px;}

/* ヘッダ右 */
#header div#headerSub {position:absolute; top:42px; right:80px; text-align:right;}
/* 検索フォーム */
#header div#subinfo {margin:10px 100px 0px 0px; float:right;}
#searchform, #searchform div {display: inline;}
#searchform label {display: none;}
#s {border: solid 1px #aaaaaa;border-radius: 2px;padding: 0px 0px;}
#s:hover, #s:focus {background-color: #eeeeee;}
#searchsubmit {background-color: #002870;border-radius: 2px;color: #ffffff;border: solid 1px #aaaaaa;padding: 0px 0px;margin-right: 0px; font-size:10px;}
#searchsubmit:hover  {background-color: #bae2f8;}
#header div#subinfo img  {vertical-align: bottom;}

/* ナビゲーションバー */
div#nav {background-image:url(images/menuBg.png); background-repeat:repeat-x; height:56px;}
#nav ul {width:960px; margin:0 auto;}
#nav li {float:left; width:192px; list-style-type:none; font-size:13px; text-align:center;}
#nav li a {background-image:url(images/menuBar.png); background-repeat:no-repeat; display:block; color:#fff; padding:15px 0;}
#nav li a:hover {background-image:url(images/menuBar_on.png); background-repeat:no-repeat; display:block; color:#fff; font-weight:bold;}

/* パンくずリスト */
.single div#header, .archive div#header {margin-bottom:5px;}
div#breadcrumb {margin-bottom:5px;}
div#breadcrumb div {display:inline; font-size:0.75em;}

/* メイン */
div#main {width:960px; margin:5px auto;}
div#main .home {float:left; background-image:url(images/home.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 20px;}
div#main .home a {font-size:10px; color:#a87348;}
div#main .home a:hover {text-decoration:underline;}
div#main .topR {float:right; background-image:url(images/topR.png); background-repeat:no-repeat; background-position:left center; padding:0 0 0 17px;}
div#main .topR a {font-size:10px; color:#a87348;}
div#main .topR a:hover {text-decoration:underline;}

/* コンテンツ */
div#content {width:660px; float:left; background-color:#fff; padding:0 15px; border-radius:3px; border:solid 1px #aaa; margin-bottom:20px;}
/* 画像の個別ページ */
.attachment div#content {width:100%; float:right;}
.attachment p.photo {text-align:center;}

/* トップページ他 */
#content div#radius {border:solid 1px #ccc; padding:15px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; text-align:left; font-size:12px; margin-top:5px; margin-bottom:15px; background-image:url(images/radiusBg.gif); background-repeat:no-repeat; background-position:bottom;}
p.title {color:#291b0d; margin:0px; padding:5px 0px 3px 20px; background-image:url(images/titleBg.gif); background-repeat:no-repeat; font-size:14px; font-weight:normal;}
p.title01 {color:#333; margin:0px; padding:0px 0px 6px 20px; background-image:url(images/titleBg01.gif); background-repeat:no-repeat; background-position:bottom; font-size:18px; font-weight:bold;}
p.title02 {color:#251520; margin:0px; padding:15px 0px 12px 20px; background-image:url(images/titleBg02.gif); background-repeat:no-repeat; font-size:16px; font-weight:bold;}
p.catch01 {margin:0px; padding:5px 20px; font-size:13px; font-weight:normal; line-height:24px;}
p.catch02 {margin:0 0 0 10px; padding:5px 20px; font-size:14px; font-weight:bold;}
#content .service01 {float:left; width:310px; margin:10px 2px; line-height:12px;}
#content .service01 img {border:solid 1px #aaa; padding:1px;}
#content .service01 h1 {font-size:14px; padding:0 8px 12px; background-image:url(images/subBg01.gif); background-repeat:no-repeat; background-position:bottom;}
#content .service01 h1 a:hover {text-decoration:underline;}
#content .service01 p {font-size:11px; padding:0 8px;}
#content img.servImg {float:left; border:solid 1px #aaa; padding:1px; margin:10px;}
p.detailS {margin:0px; padding:10px 20px 0; border-top:1px dotted #aaa; text-align:right;}
p.detailS a {font-size:11px;}
p.detailS a:hover {text-decoration:underline;}

/* ページング */
p.pagenation {font-size:0.75em; overflow:hidden;}
span.oldpage {float:left;}
span.newpage {float:right;}

/* トップ記事*/
div.postTop {float:left; width:132px; height: 180px; margin: 0px 5px 20px 0px; text-align:center;}
.postTop h2 {font-size:12px; padding-left:10px; margin-top:-12px; text-align:left;}
.postTop h2 a {color:#73380c; font-weight:normal;}
.postTop h2 a:hover {text-decoration:underline; color:#8dc218;}
.postTop h2 p {font-size:0.875em; line-height:1.6}
.postTop p.postcat {text-align:right; margin:-10px 10px 10px 0px}
.postTop p.postcat a {font-size:smaller; background-color:#a7d043; border-radius:2px; color:#FFF; padding:1px 5px;}
.postTop p.postinfo {color:#0c8bcd; text-align:right; margin:0}

/* トップサムネイル画像 */
div.postTop p.thumb {border:solid 1px #ccc;}
/* 詳細画像 */
div.post p.thumb02 {border:solid 1px #ccc; padding:2px;}

/* トップページのタイトルの一覧 */
ul.toplist {list-style-type:none; margin:0 0 30px; padding:0;}
ul.toplist li {background-image: url("images/chip.png");background-position: left top;background-repeat: no-repeat;border-bottom: 1px dotted #CCCCCC;font-size: 0.875em;font-weight: bold;padding: 0px 0 10px 27px;margin-bottom: 8px;}
ul.toplist li a{color:#000;}
ul.toplist li span {font-size:smaller; color:#888;}

/* その他記事*/
div.post {margin: 0px 0px 10px 0px; clear:both; border-bottom:solid 1px dotted;}
.post h2 {font-size: 14px; padding: 0 5px; text-align: left; border-bottom: solid 1px #73380c; width: 94%; margin-left: 10px;}
.post h2 a {color:#73380c; font-weight:normal;}
.post h2 a:hover {text-decoration:underline;}
.post p {font-size:0.875em; line-height:1.6; padding-top:10px;}
.post p.postcat {text-align:right; margin:-10px 10px 10px 0px}
.post p.postcat a {font-size:smaller; background-color:#ac683a; border-radius:2px; color:#FFF; padding:4px 5px;}
.post p.postinfo {color:#0c8bcd; text-align:right; margin:0}
.post h3.title {color:#73380c; height:30px; margin:0px; padding:11px 0px 0px 62px; background-image:url(images/titleBg.gif); background-repeat:no-repeat; font-size:14px; font-weight:normal;}

/* サムネイル画像 */
div.post p.thumb {border:solid 1px #ccc; padding:2px; float:left; margin-right:10px;}

/* 記事の個別ページ */
.single div.post h2 {background-color:#333; color:#FFF;}
.single div.post h2 a {color:#FFF;}

/* 分割して記事へのリンク */
#postpage {text-align:center; padding-top:20px; clear:both;}
#postpage a {border:solid 1px #aaa; padding:5px 10px; margin:0 10px;}
#postpage a:hover {background:#f7e29e;}
#postpage span {padding:5px 10px; color:#888; background:#ddd;}
#postpage a span {padding:0; color:#000; background:none;}

 /* 記事内の画像 */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left; margin-right:10px; margin-bottom:10px;}
.alignright {float:right; margin-left:10px; margin-bottom:10px;}
.wp-caption {border:solid 1px #aaa; text-align:center; padding-top:5px;}

/* PhotoDropper */
div.flickrphoto {text-align:center; margin:30px 0;}
div.flickrphoto a img {border:solid 1px #aaa; padding:10px;}
div.flickrphoto small a img {border:none; padding:0;}

/* ギャラリー */
.gallery-item {width:33%; float:left; margin-top:0; text-align:center;}
.gallery img {border:solid 1px #aaa; padding:5px;}
.gallery a:hover img {background-color:#c4f254;}
.gallery dd {margin:0; font-size:0.75em;}
.gallery br+br {display:none;}
.gallery-column-2 .gallery-item {width:50%;}
.gallery-column-4 .gallery-item {width:25%;}

/* 天気と気温 */
p.tenki {width: 50px; float:left; text-align:center; border:solid 1px #f3b62f; padding:5px; margin-right:10px; margin-bottom:10px;}

/* 関連記事 */
div.related {border:solid 1px #aaa; margin-top:20px;}
div.related p {color:#fff; background-color:#a7d043; margin:0; padding-left:10px;}
div.related ol {font-size:0.75em;}

/* タイトルの一覧 */
ul.post {list-style-type:none; margin:0; padding:0; border-top:dotted 1px #aaa;}
ul.post li {border-bottom:dotted 1px #aaa; background-image:url(images/chip.png); background-repeat:no-repeat; background-position:left center; padding:15px 0px 15px 20px;}
ul.post li a {color:#000;}
ul.post li span {font-size:smaller; color:#888;}

/* 続きを読む */
div.post p.more {margin:0; font-size:0.625em;}
div.post p.more a {border:solid 1px #aaa; color:#333; padding:3px;}
div.post p.more a:hover {background:#f7e29e;}

/* ページ番号リンク */
p.pagenum {text-align: center;}
p.pagenum a, p.pagenum span{padding: 3px 6px;color: #ffffff;}
p.pagenum a  {background-color: #fd7474;}
p.pagenum span  {background-color: #fcc;}
p.pagenum a:hover  {background-color: #f99;}

/* ライトボックスの背景の透明度 */
#overlay {filter:alpha(opacity=40)!important;opacity:0.4!important}

/* ニュース */
ul.newslist  {padding: 10px;margin: 0 0 20px;font-size: 0.75em;}
ul.newslist li {list-style-type: none;background-image: url(images/arrow.png);background-repeat: no-repeat; padding:0 0 5px 19px;line-height: 18px; border-bottom: dotted 1px #aaa; margin-bottom:10px;}
ul.newslist a {color: #000000;}
ul.newslist span {color: #666666;}

/* お問い合わせ */
.wpcf7-form  {padding:5px 20px 20px 20px; border: 1px solid #AAAAAA; margin-top: -1px;}
.wpcf7-form span.req {color: #aa0000; font-size:smaller;}
.wpcf7-form input {}
.wpcf7-form textarea {width:100%;}
.wpcf7-form p.submit {text-align:center;}
.wpcf7-form .wpcf7-submit {width:100px; height:30px;}
span.wpcf7-list-item {display: block; width:185px;}

/* 検索結果 */
.search p.title {color:#cd2323; height:37px; margin:0px; padding:18px 0px 0px 73px; background-image:url(images/titleBg.gif); background-repeat:no-repeat;}
.search-no-results p.title {color:#cd2323; height:37px; margin:0px; padding:18px 0px 0px 73px; background-image:url(images/titleBg.gif); background-repeat:no-repeat;}
.search-no-results #content {text-align: center;line-height: 2;border: solid 1px #aaa;padding-bottom: 40px;}

/* コメント */
#disqus_thread {border-top:solid 1px #aaa; margin-top:30px; padding-top:10px; font-size:smaller;}

/* お買い物の流れ他 */
#content .pageT {border-bottom:solid 1px #fd7474; border-top:solid 8px #fd7474; padding:2px 10px; color:#cd2323; margin:10px 0 5px 0; font-size:13px;}
#content .pageC {font-size:12px; margin-bottom:20px;}
#content .pageC span {font-size:48px; float:left; font-style:italic; font-weight:bold; padding:0px 10px 10px 0px; color:#cd2323; margin-top:-10px;}
#content .deli {font-size:24px; font-style:italic; font-weight:bold; padding:0px 10px 10px 0px; color:#cd2323; margin-top:0px;}
#content .pageCo {font-size:12px; margin-bottom:5px;}
#content .pageA {font-size:12px; margin-bottom:20px; margin-left:20px; color:#cd2323;}

/* 代引き手数料他テーブル */
table.spec {border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;width:270px; margin-bottom:20px;}
table.spec th {background:none repeat scroll 0 0 #EFEFEF;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;font-size:12px;padding:5px;text-align:left;width:90px;}
table.spec td {background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #CCCCCC; border-left:1px solid #ccc; padding:5px;font-size:12px;}

/* Rightsについて */
#content p.subCatchText {font-size:14px; margin-left:30px; margin-right:10px;}
#content div#comments {}
#content div#comments ul {margin: 0;padding: 0;list-style: none outside; padding: 0.2em 2em 1em 2em;}
#content div#comments .parent {float: left;width: 670px;margin: 0 2em 1em 0; font-weight: bold;border-top: 1px solid #089dcb;border-left: 1px solid #c0c0c0;}
#content div#comments li.child01 {font-size: 13px;line-height: 14px;color:#000; padding-bottom:5px;}
#content div#comments ul.child01 li {font-size: 13px;font-weight: normal;line-height: 18px;color:#555555; padding-bottom:5px;margin-right:25px;}
#content div#comments ul.child01 li a {font-size: 13px;font-weight: normal; color:#060;}
#content div#comments ul.child01 li a:hover {font-size: 13px;font-weight: normal; text-decoration:underline; color:#900;}
#content div#comments ul.child01 li.date {font-size:16px; color:#291b0d; border-bottom:dotted 1px #CCC; line-height:24px;}
#content div#comments li.child02 {font-size: 13px;line-height: 14px;color:#555555; margin-bottom:20px; padding-bottom:5px; border-bottom:1px dotted #999;}
#content div#comments ul.child02 li {font-size: 13px;font-weight: normal;line-height: 18px;color: #555555;padding-bottom:5px;margin-right:25px;}
#content div#comments ul.child02 li a {font-size: 13px;font-weight: normal; color:#060;}
#content div#comments ul.child02 li a:hover {font-size: 13px;font-weight: normal; text-decoration:underline; color:#900;}
#content div#comments ul.child02 li.date {font-size:16px; color:#291b0d; border-bottom:dotted 1px #CCC; line-height:24px;}
#content dl.companyDl {line-height:1.5; margin-top:7px; margin-left:22px;}
#content dl.companyDl dt {width:7em; float:left; font-size:12px; color:#251520;}
#content dl.companyDl dd {margin-left:7em; font-size:12px;}
#content dl.techDl {line-height:1.5; margin-top:7px; margin-left:22px;}
#content dl.techDl dt {width:8em; float:left; font-size:12px; color:#002870;}
#content dl.techDl dd {margin-left:8em; font-size:12px;}
.mapping {margin:10px 0; padding:5px; border:1px solid #999; width:615px;}

/* よくあるご質問 */
#content p.pCatch {font-size:14px; padding:2px 10px 2px 20px;}
#content dl.faq {line-height:1.2; margin-left: 20px;}
#content dl.faq dt.q1 {width:3em; float:left; color:#990; font-size:12px;}
#content dl.faq dt.a1 {width:3em; float:left; color:#900; font-size:12px;}
#content dl.faq dd {margin-left:3em; font-size:12px;}
#content h3.guideTitle {font-size:14px; border-bottom:solid 1px #73380c; padding:5px 0px 5px 0px; margin:0px 0px 0px 17px;}
#content img.guideTop {float:right; margin-right:10px;}
#content hr.thinHr {border:thin 1px #999; height:1px; width:90%;}
#content hr.dottHr {border:dotted 1px #999; height:1px; width:90%;}

/*　特定商取引法　*/
table .business {border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
table.business th {background:none repeat scroll 0 0 #EFEFEF;border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC;font-size:12px;padding:5px;text-align:left;width:150px;}
table.business th.first {background:none repeat scroll 0 0 #EFEFEF;border-bottom:1px solid #CCCCCC; border-top:1px solid #CCC; border-left:1px solid #CCCCCC;font-size:12px;padding:5px;text-align:left;width:150px;}
table.business td {background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; padding:5px;font-size:12px;}
table.business td.top {background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #CCCCCC; border-top:1px solid #CCC; border-right:1px solid #CCCCCC; padding:5px;font-size:12px;}

/*　報酬基準　*/
#content ul.menulist{margin: 0 0px 15px 0px;}
#content ul.menulist li{width: 570px; margin: 0 0 5px 0; background-image: url(images/line.gif); background-repeat: repeat-x; background-position: left center; list-style-type: none; font-size: 13px;}
#content ul.menulist li strong{float: left; padding:0 10px 0 0; color: #006; font-weight: bold; background-color:#FFF;}
#content ul.menulist span.price{float: right; padding: 0 0 0 10px; background-color:#FFF;}
/*clearfix*/
#content ul.menulist li:after{display: block; clear: both; height: 0; line-height: 0; visibility: hidden; content: "."; font-size: 0.1em;}
#content ul.menulist li{display: inline-block;}

/* サイドバー */
div#sidebar {width:260px; float:right;}
#sidebar ul {margin:0; padding:0; list-style-type:none;}
#sidebar ul ul {margin:0; padding:0 0px 6px 0px; list-style-type:none; background-color:#FFF; border:solid 1px #ccc;}
#sidebar .widget {margin-bottom:10px; background-image:url(images/tagBg.gif); background-repeat:repeat-y; border-bottom:solid 1px #ccc;}
#sidebar h2 {font-size:0.8em; color:#FFF; padding:7px 0px 2px 20px; margin:0; background-image:url(images/sidebarBg.png); background-repeat:no-repeat; font-weight:normal;}
#sidebar li li {font-size:0.75em; border-bottom:dotted 1px #aaa; margin:0;}
#sidebar li li a {color:#000; display:block; padding:0px 0px;}
#sidebar li li a:hover {background-color:#eee;}
#sidebar li li.area01 {font-size:0.75em; border-bottom:dotted 1px #aaa; margin:0; padding:5px 20px; line-height:1.8em;}
#sidebar li li.area02 {border-bottom:dotted 1px #aaa; margin:8px 0; text-align:center;}
#sidebar li li.area02 img {padding:1px; border:solid 1px #aaa;}
/* ステータス */
div#sidebar li#execphp-3 h2 {background-color: #333333;border-radius: 0}
div#sidebar li#execphp-3 ul {border: solid 1px #aaaaaa}
div#sidebar li#execphp-3 li {padding: 5px 10px}
div#sidebar li#execphp-3 span {color: #888888}

/* Google+ */
span#plus_card_add {filter:none;}
#sidebar li.widget_rss h2 a {color:#FFF;}

/* 新フッターメニュー */
div#footer {background-image:url(images/footerBg.png); background-repeat:repeat-x; border-top:solid 1px #999; padding: 10px 0px; clear:both;}
div#footermenu {margin: 0 auto; width:900px;}
div#footermenu .fMenu01 {float:right;}
div#footermenu .fMenu01 ul {float:left; list-style-type: none; padding:0px; margin:0 0 10px 0; clear:both;}
div#footermenu .fMenu01 ul ul {width:auto; float:none; margin:0;}
div#footermenu .fMenu01 li li {float:left;padding:0 5px; line-height:14px;}
div#footermenu .fMenu01 li li a {background: url(images/yajirushi.png); background-repeat:no-repeat; background-position:left; font-size:11px; padding: 1px 0 0px 12px; color:#CCC;}
div#footermenu .fMenu01 li li a:hover {text-decoration:underline; color:#999;}
div#footermenu .widget {margin-bottom: 20px;}
div#footermenu h2 {font-size:13px;line-height: 0.5; color:#CCC;}
div#footermenu .fMenu02 {float:left; text-align:left;}
div#footermenu .fMenu02 h3 {font-size:11px;line-height: 1.5; color:#CCC; font-weight:normal;}
div#footer p {clear: both; padding:10px 30px 0px 0px; font-size:11px; text-align:right; border-top: solid 1px #aaa; color:#eee;}
 
/* 旧フッターメニュー
div#footer {background-image:url(images/footerBg02.png); background-repeat:repeat-x; border-top:solid 1px #999; padding: 10px 0px; clear:both;}
div#footermenu {margin: 0 auto; width:900px;}
div#footermenu ul {float:left; list-style-type: none; padding:0px; width:260px; margin: 0 40px 0 0;}
div#footermenu ul ul {padding-bottom:10px;}
div#footermenu .widget {margin-bottom: 20px;}
div#footermenu h2 {font-size:13px;line-height: 0.5;}
div#footermenu li li {padding:0 5px; line-height:14px;}
div#footermenu li li a {background: url(images/yajirushi.gif); background-repeat:no-repeat; background-position:left; font-size:11px; padding: 0 0 0px 10px;}
div#footermenu li li a:hover {text-decoration:underline; color:#999;}
div#footer p {clear: both;color: #000; padding:10px 30px 0px 0px; font-size:11px; text-align:right; border-top: solid 1px #aaa;}
 */
 
/* .float clear class */
.clear-fix:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
* html .clear-fix {display: inline-block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
/* no ie mac \*/
* html .clear-fix {height: 1%;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
.clear-fix {
display: block;min-height: 0;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}

/* .float clear class */
.clearfix:after {content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}

* html .clearfix {display: inline-block;}

/* no ie mac \*/
* html .clearfix {height: 1%;}

.clearfix {display: block;min-height: 0;}

/**/
.clear{clear:both;}

/* slider1 */

#slider1 {
    width: 660px; /* important to be same as image width */
    height: 150px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:0 0 10px;
}

#slider1 ul, li { margin:0; padding:0; list-style:none; }

#slider1Content {
    width: 660px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 660px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 150px;
}
.right {
	right: 0;
	bottom: 0;
	width: 110px !important;
	height: 150px;
}