/*
Theme Name: shichiyasan
Theme URI: http://www.shichiyasan.com/
Description: shichiyasan
Author: miyashita
*/

* {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

/* ----- ページ全体 -------------------------------------- */

html,body{
	margin:0;
	padding:0;
	font-size: 90%;
	color:#333333;
	line-height: 140%;
	height: 100%;
}

* html #container{
    height:100%;
}

/* ----- 基本構造 -------------------------------------- */

#container {
	width: 950px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	min-height: 100%;
	position:relative;
}
#contents {
	padding-bottom: 50px;
}


body > #container {
	height: auto;
}

li {
	list-style-type: none;
}

img {
	border:none;
}

/* ----- ヘッダー -------------------------------------- */

#header {
	height: 55px;
	background-image: url(images/header02.gif);
	background-repeat: no-repeat;
	margin-top: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 15px;
}
#header h1 {
	font-weight: bold;
	color: #FF0000;
	text-indent:-9999px;
}

.logo {
	width:210px;
	height:50px;
	display:block;
	float: left;
	margin-top: 0px;
}

.logo-contact {
	width:117px;
	height:30px;
	display:block;
	float: right;
	margin-right: 5px;
	margin-top: 0px;
	background-image: url(images/toiawase.gif);
	background-repeat: no-repeat;
}
#headerline {
	background-color: #ebebeb;
	height: 5px;
	width: 950px;
}

#headernavi {
	background-color: #ebebeb;
	height: 15px;
}


#header #home {
	text-align: right;
	font-family: Helvetica, sans-serif;
	font-size: 80%;
	font-weight: bold;
	height: 15px;
	margin-right: 5px;
	width: 125px;
	float: right;
}

#header #home a {
	color: #333333;
	text-decoration: none;
}
#header #topcom {
	clear: right;
	float: right;
	padding-right: 140px;
	padding-top: 15px;
	width: 210px;
	line-height: 130%;
}
#header #serch {
	float: right;
	padding-right: 120px;
	padding-top: 40px;
}


/* ----- コンテンツ内 -------------------------------------- */

/* ----- サイド ------ */
#side {
	float: left;
	width: 200px;
	padding-right: 40px;
	padding-left: 10px;
}
#side #illust {
	background-image: url(images/illust_top.gif);
	background-repeat: no-repeat;
	height: 115px;
}
#side #zenshichiren {
	background-image: url(images/zenshichiren.gif);
	background-repeat: no-repeat;
	height: 102px;
	padding-bottom: 10px;
}

#sidenavi li a {
	display: block;
	height: 40px;
	width: 200px;
	background-image: url(images/menu.gif);
	background-repeat: no-repeat;
}

#sidenavi li{
	text-indent:-9999px;
	padding-bottom: 10px;
}

#sidenavi #navi1 a{ background-position:	0px	0px;}
#sidenavi #navi2 a{ background-position:	0px -40px;}
#sidenavi #navi3 a{ background-position:	0px	-80px;}
#sidenavi #navi4 a{ background-position:	0px	-120px;}
#sidenavi #navi5 a{ background-position:	0px	-160px;}
#sidenavi #navi6 a{ background-position:	0px	-200px;}
#sidenavi #navi7 a{ background-position:	0px	-240px;}
#sidenavi #navi8 a{ background-position:	0px	-280px;}
#sidenavi #navi9 a{ background-position:	0px	-320px;}

#sidenavi #navi1 a:hover{ background-position:	-200px	0px;}
#sidenavi #navi2 a:hover{ background-position:	-200px -40px;}
#sidenavi #navi3 a:hover{ background-position:	-200px	-80px;}
#sidenavi #navi4 a:hover{ background-position:	-200px	-120px;}
#sidenavi #navi5 a:hover{ background-position:	-200px	-160px;}
#sidenavi #navi6 a:hover{ background-position:	-200px	-200px;}
#sidenavi #navi7 a:hover{ background-position:	-200px	-240px;}
#sidenavi #navi8 a:hover{ background-position:	-200px	-280px;}
#sidenavi #navi9 a:hover{ background-position:	-200px	-320px;}

#side #lognavi {
	background-image: url(images/title_blog.gif);
	padding-top: 45px;
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
}
#lognavi h2 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
}

#recentposts {
	padding-bottom: 15px;
}

#recentposts li {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-top: 3px;
	padding-bottom: 3px;
}

#recentposts li a {
	text-decoration: none;

}
#tagcloud #tag {
	padding-top: 15px;
}
#archives {
	padding-bottom: 10px;
}

#main {
	float: left;
	width: 690px;
}


#main #mainleft {
	float: left;
	width: 337px;
}
#main #mainright {
	float: right;
	background-image: url(images/title_newstock.gif);
	background-repeat: no-repeat;
	padding-top: 43px;
	width: 272px;
	padding-left: 10px;
}


#main h2 {
	font-weight: normal;
	letter-spacing: 0.1em;
	padding-bottom: 15px;
	padding-top: 95px;
}

#main h4 {
	font-weight: normal;
	padding-top: 20px;
}

#main h2#top {
	font-weight: normal;
	width: 340px;
	letter-spacing: 0.1em;
	padding-bottom: 15px;
	padding-top: 70px;
}

#main #topimage {
	background-image: url(images/topimage.jpg);
	background-repeat: no-repeat;
	height: 250px;
	margin-bottom: 20px;
}
#main #nagareru {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 30px;
}
#main .pan {
}
#main #kiji {
	padding-top: 15px;
}

#kiji h1 {
	font-size: 200%;
	font-weight: bold;
	line-height: 200%;
}

#kiji h2 {
	font-size: 170%;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	line-height: 170%;
}

#kiji h3 {
	font-size: 150%;
	font-weight: bold;
	line-height: 150%;
}

#kiji h4 {
	font-size: 100%;
	font-weight: normal;
	clear: both;
}

#kiji h5 {
	font-size: 120%;
	font-weight: bold;
}

#kiji h6{
	font-size: 110%;
	font-weight: bold;
}


#kiji h2#title {
	font-size: 110%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-left-width: 10px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	margin-bottom: 10px;
}

#kiji h2#title a {
	text-decoration: none;
	color: #333333;
}
#kiji .postmetadata {
	font-size: 90%;
	text-align: right;
}
#kiji #comdata {
	padding-top: 15px;
}



/* カレンダー */
	
#calendar table	{
	width: 100%;
	text-align: center;
	color: #696969;
	border-collapse: collapse;
	}

#calendar th, #calendar td	{
	padding: 2px 0;
	border: solid 1px #696969;
	}

#calendar a	{
	text-decoration: underline;
	color: #0000FF;
	font-weight: bold;
	}

#calendar caption	{
	padding: 3px 0;
	}

#calendar tfoot td	{
	border: none;
	}

#calendar tfoot td#prev	{
	text-align: left;
	}

#calendar tfoot td#next	{
	text-align: right;
	}


#tagcloud {
	padding-bottom: 10px;
}



/* ----- メイン ------ */
#topics {
	width: 315px;
	height: 350px;
	overflow:scroll;
	border: 1px solid #CCCCCC;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#topics h2 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#topicstitle {
	background-image: url(images/title_blogtopics.gif);
	background-repeat: no-repeat;
	width: 337px;
	padding-top: 30px;
	float: left;
	margin-right: 15px;
}
#hinmokutitle {
	background-image: url(images/title_hinmoku.gif);
	background-repeat: no-repeat;
	width: 337px;
	padding-top: 30px;
	float: left;
}
#hinmoku {
	width: 315px;
	height: 340px;
	border: 1px solid #CCCCCC;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}


#stocknews {
	float: left;
	width: 238px;
	height: 760px;
	overflow:scroll;
	border: 1px solid #CCCCCC;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#stocknews th {
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	padding-top: 10px;
}

#stocknews td {
	padding-bottom: 10px;
	line-height: 120%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	padding-top: 10px;
	padding-left: 5px;
}
#topicsall h2 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}
#pages h3 {
	font-size: 100%;
	font-weight: normal;
	float: left;
	height: 150px;
	width: 325px;
}

#pages h4 {
	font-size: 100%;
	font-weight: normal;
	padding-top: 15px;
}

#pages table {
	border: 1px solid #333333;
	width: 600px;
}

#pages th {
	font-weight: normal;
	text-align: left;
	background-color: #CCCCCC;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #666666;
	width: 100px;
}
#pages .division {
	background-color: #FFFFFF;
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}


#pages td {
	padding: 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}

#pages #gaiyou td {
	padding: 5px;
}

#pages #gaiyou,#pages #pricelist {
	clear: both;
	margin: 0;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#hinmoku h3 {
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	background-color: #EEEEEE;
	padding-left: 3px;
}
#linklist {
}
#linklist table {
	width: 690px;
}

#linklist th {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	width: 130px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#linklist td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-left: 10px;
}
#side #offdaycal {
	padding-left: 10px;
}
#policy {
	padding-top: 30px;
	color: #666666;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5391DA;
	padding-bottom: 20px;
}

#policy #naiyou{
	padding-right: 10px;
	padding-left: 10px;
}

#policy h2 {
	font-size: 100%;
	font-weight: bold;
	color: #5391DA;
	padding-left: 5px;
	border: 1px solid #5391DA;
}

#policy h4 {
	font-size: 100%;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	color: #333333;
}

#policy p {
	font-size: 80%;
	line-height: 140%;
}


#comments {
	padding-top: 15px;
}

#comments h3 {
	font-size: 100%;
	font-weight: bold;
	color: #5391DA;
	padding-left: 5px;
	border: 1px solid #5391DA;
}

#comments #tb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5391da;
	padding-left: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #5391da;
	border-left-color: #5391da;
}

#comments .com {
	padding: 10px;
}

#comments .commeta {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	text-align: right;
}

/* ----- 品目 -------------------------------------- */

#hinmokupage img{
	float: left;
	padding-right: 15px;
}

#hinmokupage h3{
	font-size: 100%;
	font-weight: normal;
	border: 1px solid #333333;
	width: 200px;
	margin-left: 135px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-bottom: 5px;
}

#hinmokupage p{
}

.line{
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/* ----- 査定フォーム -------------------------------------- */

#satei{
	padding-bottom: 5px;
	font-size: 90%;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
}

#satei table{
	border: 1px solid #999999;
	margin-bottom: 15px;
}

#satei th{
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding: 5px;
}

#satei td{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}

.com{
	font-size: 80%;
}

select{
	padding-left: 5px;
	padding-right: 5px;
}

.wpcf7-list-item{
	padding-right: 15px;
}

#sateiinfo{
	font-size: 90%;
	line-height: 150%;
	border: 1px solid #999999;
	clear: both;
	padding: 5px;
}

/* ----- 質屋のシステム -------------------------------------- */

#system{
}

#system h3{
	font-size: 100%;
	font-weight: bold;
	color: #FF0000;
}

#system h4{
	font-size: 100%;
	font-weight: bold;
	color: #FF6600;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	padding-top: 15px;
}

#system h5{
	font-size: 100%;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #333333;
	float: left;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	margin-top: 10px;
	margin-bottom: 3px;
}

#system h5#obi{
	margin-bottom: 0px;
	margin-top: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

#system #tilebox{
	font-size: 100%;
	font-weight: bold;
	border: 1px solid #333333;
	float: left;
	margin-right: 15px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#system #tilebox a{
	color:#333333;
	text-decoration: none;
}

#system #bunki{
	font-size: 100%;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-top: 15px;
}

#system #box{
	padding: 5px;
	border: 1px solid #333333;
	clear: both;
	margin-left: 30px;
	margin-right: 30px;

}


/* ----- フッター -------------------------------------- */

#foot{
	position:absolute;
	bottom:0px;
	height:30px;
	width:100%;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-weight: normal;
	font-size: 80%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}


/* ----- クラス -------------------------------------- */
.clear	{
	clear: both;
	margin: 0;
}

.mawari	{
	float: left;
	padding-right: 15px;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.center {
	text-align: center;
}

#offdaycal {
	background-image: url(images/titel_cal.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
}

#mobile {
	background-image: url(images/title_mobile.gif);
	background-repeat: no-repeat;
	padding-top: 40px;
	margin-top: 15px;
	text-align: center;
}
.QR {
	background-image: url(images/qrcode.gif);
	background-repeat: no-repeat;
	height: 160px;
	width: 160px;
	margin-left: 20px;
}

/* ----- ダイヤモンドリスト -------------------------------------- */

#diamondlist {
	width: 680px;
	padding-left: 10px;
}

#diamondlist li a {
	display: block;
	height: 250px;
	width: 310px;
	background-image: url(images/diamondmenu.jpg);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}

#diamondlist li{
	float: left;
	margin-bottom: 15px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-right: 15px;
}

#diamondlist #navi1 a{ background-position:	-310px	0px;}
#diamondlist #navi2 a{ background-position:	-310px -250px;}
#diamondlist #navi3 a{ background-position:	-310px	-500px;}
#diamondlist #navi4 a{ background-position:	-310px	-750px;}

#diamondlist #navi1 a:hover{ background-position:	-0px	0px;}
#diamondlist #navi2 a:hover{ background-position:	-0px -250px;}
#diamondlist #navi3 a:hover{ background-position:	-0px	-500px;}
#diamondlist #navi4 a:hover{ background-position:	-0px	-750px;}

/* ----- 鑑定書 -------------------------------------- */

/* -- AGTジェムラボラトリー -- */

#satei #agt table {
	background-color: #FFF999;
}

#agt td.agt01 {
	background-image: url(images/agt01.gif);
	background-repeat: repeat-x;
	height: 40px;
	border:none;
}

#agt td.agt02 {
	background-image: url(images/agt02.gif);
	background-repeat: no-repeat;
	height: 80px;
	background-position: center top;
	border:none;
}

#agt td.agt03 {
	background-image: url(images/agt03.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: center top;
	border:none;
}

#agt td.agt04 {
	background-image: url(images/agt04.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: center top;
	border:none;
}

#agt td.agt05 {
	background-image: url(images/agt05.gif);
	background-repeat: repeat-x;
	height: 40px;
	border:none;
}

/* -- 中央宝石と中央宝石 -- */



#central td.central01 {
	background-image: url(images/central01.gif);
	background-repeat: repeat-x;
	height: 30px;
	border:none;
}

#central td.central02 {
	background-image: url(images/central02.gif);
	background-repeat: no-repeat;
	height: 60px;
	background-position: center top;
	border:none;
}

#central td.central02zen {
	background-image: url(images/zen01.gif);
	background-repeat: no-repeat;
	height: 80px;
	background-position: center top;
	border:none;
}

#central td.central03 {
	background-image: url(images/central03.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: center top;
	border:none;
}

#central td.central04 {
	background-image: url(images/central04.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: center top;
	border:none;
}

#central td.central04zen {
	background-image: url(images/zen02.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: center top;
	border:none;
}

#central td.central05 {
	background-image: url(images/central05.gif);
	background-repeat: no-repeat;
	height: 25px;
	background-position: center top;
	border:none;
}

#central td.central06 {
	background-image: url(images/central06.gif);
	background-repeat: repeat-x;
	height: 30px;
	border:none;
}

/* ----- 買取り -------------------------------------- */
#kaitori {
	border: 1px solid #666666;
	padding: 5px;
	margin-top: 15px;
}

#kaitori h2 {
	border: 1px solid #666666;
	color: #FFFFFF;
	background-color: #333333;
	font-size: 100%;
	font-weight: normal;
	padding-left: 5px;
}
#kobutsu {
	clear: both;
	padding-top: 15px;
}