@import url("style2.css");
/*
Theme Name: ARCHISH
Theme URI: http://www.archsh-design.com/
Description: ARCHISH
Author: HIROMI.TAKENAGA
*/

body	{
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;
	color: #FFFFFF;
	background-image: url(images/back.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000000;
	}
	
#body-box {
	width: 840px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
	
hr {
	display: none;
}
a {
	color: #B19C5E;
	text-decoration: none;
}
a:hover {
	color: #FFF784;
	text-decoration: underline;
}
#body-box #main {
	width: 840px;
}

/* header */

#header-box {
	margin-top: 20px;
}


#header h1 {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	height: 80px;
	width: 560px;
} 

#header h1 a {
	display: block;
	text-indent: -9999px;
	height: 80px;
	width: 560px;
}

/* flash */

#flash-box {
	height: 360px;
	width: 820px;
	background-color: #000000;
	padding: 10px;
}

/* navi */

#navi {
	background-image: url(images/navi01r.jpg);
	background-repeat: no-repeat;
	width: 840px;
	height: 40px;
	margin-top: 20px;
}
#navi ul {
	list-style-type: none;
	margin: 0;
	padding: 0px;
	
}
#navi .level1 li {
	float: left;
}
#navi .level1 li a {
	text-indent: -9999px;
	display: block;
	width: 105px;
	height: 40px;	
}

#navi #gn1 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: 0px 0px;
}
#navi #gn2 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: -105px 0px;
}
#navi #gn3 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: -210px 0px;
	
}
#navi #gn4 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: -315px 0px;
}

#navi #gn5 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: -420px 0px;
}
#navi #gn6 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: -525px 0px;
}
#navi #gn7 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: -630px 0px;
}
#navi #gn8 a:hover {
	background-repeat: no-repeat;
	background-image: url(images/navi03r.jpg);
	background-position: -735px 0px;
}


/* top-contents */

#top-cont {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#top-cont-l {
	float: left;
	width: 400px;
}

#top-cont-r {
	float: right;
	width: 400px;
}

.cont-graybox {
	background-color: #151515;
	background-image: url(images/gray-ueR.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 400px;
	margin-top: 10px;
}
.cont-graybox-in {
	background-image: url(images/gray-shitaR.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 400px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


#top-cont-l h3 {
	background-image: url(images/news-h.jpg);
	height: 15px;
	width: 380px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#top-cont-l h4 {
	margin: 0px;
	font-size: 12px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#top-cont-l h5 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 12px;
}
#top-cont-r h3 {
	background-image: url(images/works-h.jpg);
	height: 15px;
	width: 380px;
	background-repeat: no-repeat;
	padding: 0px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

.port_box {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.port_box .port_left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 184px;
}
.port_box .port_right {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 186px;
}
.port_box .port_right p {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}
.port_box .port_right a {
	text-decoration: none;
}
.port_box .port_right h4 {
	font-size: 12px;
	margin: 0px;
	background-image: url(images/arrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#area {
	padding: 10px;
}
#area p {
	margin: 0px;
	padding: 0px;
}

/* footer */

#footer {
	background-color: #151515;
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
	padding: 10px;
}
#footer-in {
	width: 840px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footer-in2 {
	padding-left: 20px;
}



#footer-l {
	float: left;
	margin: 0px;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 320px;
}
#footer-l address {
	font-style: normal;
	text-transform: uppercase;
	font-size: 10px;
}
#footer-r {
	width: 320px;
	float: right;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footer-r p {
	float: right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#foot-navi .level2 {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#foot-navi .level2 p {
	float: left;
	padding-right: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #B19C5E;
}
#foot-navi .level2 a {
	text-decoration: underline;
}

/* page */

#body-box #page {
	float: right;
	width: 820px;
	border: 10px solid #000000;
	background-color: #cac084;
	margin: 0px;
	padding: 0px;
	color: #333333;
}

#page a {
	color: #373B17;
}
.post {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.entry {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#bread {
	padding-bottom: 5px;
	padding-left: 0px;
	padding-top: 10px;
	color: #1B1C0C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
#bread a {
	color: #373B17;
}
#monthpost {
	padding: 10px;
	float: left;
	width: 580px;
}
#cate_h2 h2 {
	font-size: 14px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	
	color: #666666;
}

#monthlist h2 {
	font-size: 16px;
	margin-top: 40px;
	padding: 0;
}
#monthlist .s-ttl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	font-size: 14px;
	margin-top: 10px;
}
.page_navi {
	padding-left: 10px;
}
#post-26 h2 {
	background-image: url(images/hdr_profile.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#post-162 h2 {
	background-image: url(images/hdr_shop.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#about-page .about-lr .about-l .img-pad {
	padding-left: 25px;
	margin-bottom: 10px;
	padding-right: 25px;
}
#about-page .about-lr .about-l .under10 {
	padding-bottom: 10px;
}
#post-37 h2 {
	background-image: url(images/hdr_flow.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#post-41 h2 {
	background-image: url(images/hdr_faq.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#post-45 h2 {
	background-image: url(images/hdr_inquiries.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#about-page .about-l {
	float: left;
	width: 250px;
}
#about-page .about-r {
	float: right;
	width: 540px;
}
#about-page h3 {
	color: #CAC084;
	font-size: 14px;
	line-height: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #20220D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#monthsidebar	{
	padding: 10px;
	color: #333333;
	float: right;
	width: 200px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	}

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

#monthsidebar li strong	{
	margin: 0px;
	padding: 0px;
	}
#monthsidebar ul ul {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #A4A992;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#monthsidebar li li	{
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 180%;
	}

#monthsidebar li li a	{
	color: #333333;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}

#monthsidebar li li a:hover	{
	color: #336601;
	text-decoration: underline;
	}
#about-page dl {
	margin: 0px;
	padding: 0px;
	color: #20220D;
}
/* ++++++ about ++++++ */	

#about-page dt {
	float: left;
	width: 100px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #20220D;
	line-height: 140%;
}
#about-page dd {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #336601;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 100px;
	color: #20220D;
	line-height: 140%;
}
#about-page p {
	text-align: left;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
#about-page .pic-box .pad0 {
	width: 150px;
}
#about-page .pic-box {
	margin-top: 20px;
	margin-bottom: 20px;
}

#about-page .pic-box p {
	float: left;
	width: 160px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#about-page .pic-box img {
	margin: 0px;
	padding: 0px;
}
#about-page .pic-boxs .pad0 {
	padding-right: 0px;
}
#about-page .pic-boxs {
	margin-top: 20px;
	margin-bottom: 20px;
}

#about-page .pic-boxs p {
	float: left;
	width: 105px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* ++++++ flow ++++++ */

#plan-page {
	color: #1B1C0C;
}
#plan-page .plan-r {
	float: right;
}
#plan-page .plan-lr .plan-l .next-navi {
	float: right;
	width: 260px;
	margin-top: 30px;
}
#plan-page .plan-lr .plan-l .next-navi .next1 {
	background-image: url(images/steparw-n.jpg);
	height: 32px;
	width: 126px;
	float: right;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}
#plan-page .plan-lr .plan-l .next-navi .next1 a {
	height: 32px;
	width: 126px;
	text-indent: -9999px;
	display: block;
}

#plan-page .plan-lr .plan-l .next-navi .next1 a:hover {
	background-image: url(images/steparw-n-r.jpg);
	height: 32px;
	width: 126px;
	text-indent: -9999px;
	display: block;
	background-repeat: no-repeat;
}
#plan-page .plan-l {
	float: left;
	width: 500px;
}

#plan-page h3 {
	color: #CAC084;
	font-size: 14px;
	line-height: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #20220D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#plan-page #chart {
	background-image: url(images/flowchart02.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 800px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#plan-page #chart ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#plan-page #chart li {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#plan-page #chart .ch1 a {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
}
#plan-page #chart .ch2 a {
	text-indent: -9999px;
	display: block;
	width: 165px;
	height: 32px;
}
#plan-page #chart .ch3 a {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
}
#plan-page #chart .ch4 a {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
}
#plan-page #chart .ch5 a {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
}
#plan-page #chart .ch6 a {
	text-indent: -9999px;
	display: block;
	width: 114px;
	height: 32px;
}
#plan-page #chart .ch1 a:hover {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
	background-image: url(images/flowchart01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#plan-page #chart .ch2 a:hover {
	text-indent: -9999px;
	display: block;
	width: 165px;
	height: 32px;
	background-image: url(images/flowchart01.jpg);
	background-repeat: no-repeat;
	background-position: -130px 0px;
}
#plan-page #chart .ch3 a:hover {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
	background-image: url(images/flowchart01.jpg);
	background-repeat: no-repeat;
	background-position: -295px 0px;
}
#plan-page #chart .ch4 a:hover {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
	background-image: url(images/flowchart01.jpg);
	background-repeat: no-repeat;
	background-position: -425px 0px;
}
#plan-page #chart .ch5 a:hover {
	text-indent: -9999px;
	display: block;
	width: 130px;
	height: 32px;
	background-image: url(images/flowchart01.jpg);
	background-repeat: no-repeat;
	background-position: -555px 0px;
}
#plan-page #chart .ch6 a:hover {
	text-indent: -9999px;
	display: block;
	width: 115px;
	height: 32px;
	background-image: url(images/flowchart01.jpg);
	background-repeat: no-repeat;
	background-position: -685px 0px;
}
#plan-page #chart #now {
	width: 130px;
	height: 32px;
	
	background-image: url(images/flowchart01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* ++++++ faq ++++++ */

#faq-page dt {
	font-size: 14px;
	color: #CAC084;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #303314;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: bold;
	background-color: #20220D;
	padding: 10px;
}
#faq-page dd {
	font-size: 12px;
	padding-bottom: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #20220D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	color: #20220D;
}

/* ++++++ inquiries-page ++++++ */

#a-box p {
	line-height: 150%;
	color: #20220D;
}

#a-box p .red {
	color: #FF0000;
}

#a-box p.add input {
	width: 400px;
}
#a-box p.add2 input {
	width: 300px;
}
#a-box p textarea {
	width: 554px;
	height: 80px;
}
#a-box .wpcf7-checkbox .wpcf7-list-item {
	clear: left;
	padding: 0px;
	display: block;
}

#inquiries-page a {
	color: #20220D;
}
/* ++++++ blog ++++++ */

#blog-box #cate_h2 h2 {
	background-image: url(images/hdr_blog.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#blog-box {
	color: #666666;
}
#blog-box #wp-calendar caption {
	color: #FFFE92;
	background-color: #18190B;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 200px;
	margin-bottom: 5px;
}

#blog-box #wp-calendar {
	color: #666666;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
	border-collapse:collapse;
	}
#blog-box #wp-calendar a {
	color: #000000;
	}
#blog-box #wp-calendar th {
	padding:5px 0;
	border:solid 1px #cccccc;
	
}
#blog-box #wp-calendar td {
	padding:5px 0;
	border:solid 1px #cccccc;
	
}
#blog-box #wp-calendar td#prev {
	text-align: left;
}

#blog-box #wp-calendar tfoot td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#works-box #cate_h2 h2 {
	background-image: url(images/hdr_works.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#works-box {
	color: #666666;
}
/* ++++++ policy ++++++ */

#post-49 h2 {
	background-image: url(images/hdr_privacy.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#policy-page h3 {
	color: #CAC084;
	font-size: 14px;
	line-height: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #20220D;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#policy-page h4 {
	font-size: 14px;
	color: #1A1B0D;
	margin: 0px;
	padding: 0px;
}
#policy-page .txt1 {
	padding-left: 10px;
}
#policy-page .txt2 {
	float: right;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

/* ++++++ sitemap ++++++ */

#post-47 h2 {
	background-image: url(images/hdr_sitemap.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}

#sitemap-page a {
	color: #20220D;
}

/* ++++++ single ++++++ */

.wp-caption-text{
	text-align: center;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none;
	color: #666666;
}
#monthsidebar h3 {
	color: #FFFE92;
	background-color: #20220D;
	width: 100%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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
	}
#monthlist .port_box2 {
	margin-bottom: 15px;
}
/* End Images */


.port_box2 p {
	color: #666666;
}
#about-page .map {
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 60px;
}
#about-page .pic-box .shop-txt {
	float: none;
	width: 800px;
	color: #20220D;
	padding-top: 10px;
}

/* style2 */

#post-292 h2 {
	background-image: url(images/hdr_flow.jpg);
	background-repeat: no-repeat;
	height: 171px;
	width: 800px;
	text-indent: -9999px;
	padding: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
}