@charset "utf-8";

/*------------------------------------------------
 初期設定
------------------------------------------------*/

/* スタイルのリセット */
html, body, div, p,
h1, h2, h3, h4, h5, h6,
blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, tr, td, img,
form, fieldset, legend {
	margin: 0;
	padding: 0;
	}
	
ul , dl {
	list-style:none;
	}
	
/* 共通のページ設定 */
html {
	width: 100%;
	height: 100%;
	overflow-y: scroll;	 /* Firefox */
	}

body {
	width: 100%;
	height: 100%;
	/*
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	*/
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	
	line-height: 1.5;
	xxxletter-spacing: 1px;
	color: #666666;
	background:url(images/bg_topLine.gif) top repeat-x;
	}

/*------------------------------------------------
 タグ毎の共通スタイル設定
------------------------------------------------*/

h1 {
	font-size: 125%;
	}

h2 {
	font-size: 88.8%;
	}

h3 {
	font-size: 75%;
	}

h4 {
	font-size: 75%;
	}

p {
	font-size: 70%;
	}

.contentsText {
	text-align: justify;
	text-justify: inter-ideograph;	/* IE */
	}

.textLeft {
	text-align: left;
	}

.textRight {
	text-align: right;
	}

.textCenter {
	text-align: center;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	table-layout:fixed;
	}

img {
	border: 0;
	}

a, a:link, a:visited {
	color: #666666;
	text-decoration:none;
	}

a:hover {
	color: #666666;
	text-decoration:underline;
	}

a:focus {
	outline:none;
	}

/*------------------------------------------------
 その他共通
------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {
	clear:both;
	}
	
/*------------------------------------------------
 ページ全体レイアウト
------------------------------------------------*/

#container {
	margin:0 auto;
	width:920px;
	}
	
h1 {
	padding:0 0 0 2px;
	}
	
#navi {
	margin:0;
	padding:0 0 0 180px;
	}

#navi li {
	margin:0;
	padding:0;
	float:left;
	display:inline;
	}

#phone {
	padding:10px 2px 0 0;
	float:right;
	width:178px;
	}
	
#main {
	margin:20px 0 0;
	}
		
#contents {
	width:720px;
	float:left;
 	}

#side {
	margin:10px 0 0;
	width:200px;
	float:left;
	}	
	
#side p {
	padding:10px 0 0;
	vertical-align:bottom;
	}	
#footer {
	width:700px;
	}
	
#footer ul {
	width:350px;
	float:left;
	}

#footer li {
	margin-top:40px;
	padding-right:26px;
	float:left;
	}

#footer p.copyright {
	margin-top:45px;
	_margin-top:41px;
	float:left;
	text-align:right;
	width:350px;
	}

/*------------------------------------------------
 汎用
------------------------------------------------*/
.padT20 {
	padding-top:20px;
	}

/*------------------------------------------------
 トップ
------------------------------------------------*/
#contents .box01 {
	margin:20px 0 0;
	padding:0 11px 12px;
	width:21px;
	height:275px;
	border:#e5dad4 1px solid;
	float:left;
	text-align:center;
	}

#contents .box01 p {
	margin:15px 0 0;
}
	
#contents .box02 {
	margin:20px 0 0;
	padding:12px 0 14px 0;
	width:219px;
	height:261px;
	border-top:#e5dad4 1px solid;
	border-right:#e5dad4 1px solid;
	border-bottom:#e5dad4 1px solid;
	float:left;
	text-align:center;
	display:inline;
	}

#contents .box02 img {
	border:#eeeeee 1px solid;
	}

#contents .box02 dl {
	margin:3px auto 0;
	padding-top:5px;
	width:204px;
	}

#contents .box02 dt {
	padding:5px 8px 2px 0;
	font-size:10px;
	text-align:right;
	}

#contents .box02 dd {
	padding:8px 3px 0 5px;
	font-size:12px;
	text-align:left;
	border-top:#e5dad4 1px dashed;
	line-height:1.1;
	}

#contents .box05Set {
	margin:20px 0 0 44px;
	_margin:20px 0 0 0;
	padding:0;
	width:660px;
	border-top:#e5dad4 1px solid;
	border-left:#e5dad4 1px solid;
	_float:left;
	}

#contents .box05 {
	margin:0;
	padding:12px 0 14px 0;
	width:219px;
	height:261px;
	border-right:#e5dad4 1px solid;
	border-bottom:#e5dad4 1px solid;
	float:left;
	text-align:center;
	display:inline;
	}

#contents .box05 img {
	border:#eeeeee 1px solid;
	}

#contents .box05 dl {
	margin:3px auto 0;
	padding-top:5px;
	width:204px;
	}

#contents .box05 dt {
	padding:5px 8px 2px 0;
	font-size:10px;
	text-align:right;
	}

#contents .box05 dd {
	padding:8px 3px 0 5px;
	font-size:12px;
	text-align:left;
	border-top:#e5dad4 1px dashed;
	line-height:1.1;
	}

#contents .box06 {
	margin:0;
	_margin:20px 0 0;
	padding:0 11px 12px;
	width:21px;
	height:563px;
	border-top:#e5dad4 1px solid;
	border-left:#e5dad4 1px solid;
	border-top:#e5dad4 1px solid;
	border-bottom:#e5dad4 1px solid;
	float:left;
	text-align:center;
	}

#contents .box06 p {
	margin:15px 0 0;
}
	
/*------------------------------------------------
 活動実績
------------------------------------------------*/
body#catArchive h2 {
	padding-bottom:10px;
	height:21px;
	background: url(images/ttl_h2_archive.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

#contents .box03 {
	margin:10px 0 0 10px;
	padding:12px 0 14px 0;
	width:217px;
	height:261px;
	border-top:#e5dad4 1px solid;
	border-right:#e5dad4 1px solid;
	border-bottom:#e5dad4 1px solid;
	border-left:#e5dad4 1px solid;
	float:left;
	text-align:center;
	display:inline;
	}
	
#contents .box03 img {
	border:#eeeeee 1px solid;
	}

body#catArchive #contents ul , body#catArchive #contents p , body#catArchive #content .box03 ul {
	font-size:12px;
	}

#contents .box03 dl {
	margin:3px auto 0;
	padding-top:5px;
	width:204px;
	}

#contents .box03 dt {
	padding:5px 8px 2px 0;
	font-size:10px;
	text-align:right;
	}

#contents .box03 dd {
	padding:8px 3px 0 5px;
	font-size:12px;
	text-align:left;
	border-top:#e5dad4 1px dashed;
	line-height:1.1;
	}
	
body#catArchive h3 {
	margin-top:10px;
	padding:0 0 5px 0;
	background:url(images/line_entryH3.gif) no-repeat left bottom;
	font-size:14px;
	}
	
body#catArchive .entry img {
	margin:5px 0 5px 0;
	padding:2px;
	border:#eeeeee 1px solid;
	}
	
body#catArchive .entry p {
	margin:3px 10px 0 10px;
	}

body#catArchive .entry ul {
	padding:3px 0 0 15px;
	font-size:12px;
	}

body#catArchive .entry h4 , body#catArchive .entry h5 , body#catArchive .entry h6 , body#catArchive .entry h7 {
	margin:5px 10px 0 5px;
	}
	
/*------------------------------------------------
 おしらせ
------------------------------------------------*/
body#catNews h2 {
	padding-bottom:10px;
	height:21px;
	background: url(images/ttl_h2_news.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

#contents .box04 {
	margin:10px 0 0 10px;
	padding:12px 0 14px 0;
	width:217px;
	height:261px;
	border:#e5dad4 1px solid;
	float:left;
	text-align:center;
	display:inline;
	}

#contents .box04 img {
	border:#eeeeee 1px solid;
	}

body#catNews #contents ul , body#catNews #contents p , body#catNews #contents dl {
	font-size:12px;
	}

#contents .box04 dl {
	margin:3px auto 0;
	padding-top:5px;
	width:204px;
	}

#contents .box04 dt {
	padding:5px 8px 2px 0;
	font-size:10px;
	text-align:right;
	}

#contents .box04 dd {
	padding:8px 3px 0 5px;
	font-size:12px;
	text-align:left;
	border-top:#e5dad4 1px dashed;
	line-height:1.1;
	}
	
body#catNews h3 {
	margin-top:10px;
	padding:0 0 5px 0;
	background:url(images/line_entryH3.gif) no-repeat left bottom;
	font-size:14px;
	}
	
body#catNews .entry img {
	margin:5px 0 5px 0;
	padding:2px;
	border:#eeeeee 1px solid;
	}
	
body#catNews .entry p {
	margin:3px 10px 0 10px;
	}

body#catNews .entry ul {
	padding:3px 0 0 15px;
	font-size:12px;
	}

body#catNews .entry h4 , body#catNews .entry h5 , body#catNews .entry h6 , body#catNews .entry h7 {
	margin:5px 10px 0 5px;
	}
	
/*------------------------------------------------
 社長のブログ
------------------------------------------------*/
body#catBlog h2 {
	padding-bottom:10px;
	height:21px;
	background: url(images/ttl_h2_products.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}
	
body#catBlog h3 {
	margin-top:10px;
	padding:0 0 5px 0;
	background:url(images/line_entryH3.gif) no-repeat left bottom;
	font-size:14px;
	}
	
body#catBlog .entry img {
	margin:5px 0 5px 0;
	padding:2px;
	border:#eeeeee 1px solid;
	}
	
body#catBlog .entry p {
	margin:3px 10px 0 10px;
	}

body#catBlog .entry ul {
	padding:3px 0 0 15px;
	font-size:12px;
	}

body#catBlog .entry h4 , body#catBlog .entry h5 , body#catBlog .entry h6 , body#catBlog .entry h7 {
	margin:5px 10px 0 5px;
	}
	
/*------------------------------------------------
 パートナー紹介
------------------------------------------------*/
body#catPartner h2 , body#singlePartner h2 {
	padding-bottom:10px;
	height:21px;
	background:url(images/ttl_h2_partner.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}
		
body#catPartner div.category-partner {
	margin:20px 8px 10px 8px;
	padding:0 0 10px 0;
	float:left;
	width:200px;
	font-size:13px;
	border-bottom:#e5dad4 1px dashed;
	display:inline;
	}

body#catPartner div.category-partner h3 {
	text-align:center;
	}

body#catPartner div.category-partner h3 a {
	padding:0 0 0 10px;
	background:url(images/icn_part01.gif) no-repeat left 2px;
	}

body#catPartner #box04 {
	margin:10px 0 0 10px;;
	padding:8px 13px 10px 13px;
	_padding:8px 13px 0 13px;
	border:#e5dad4 1px solid;
	width:649px;
	float:left;
	display:inline;
	}

body#singlePartner .partDiscription	{
	padding:15px 10px 15px;
	}
	
body#singlePartner .partAddress01 {
	padding:10px 0 0;
	}

body#singlePartner .partAddress02 {
	padding:0 0 0 10px;
	background:url(images/icn_part02.gif) no-repeat 0 5px;
	}
					
/*------------------------------------------------
 会社概要
------------------------------------------------*/
body#post-34 h2 {
	padding-bottom:20px;
	height:21px;
	background: url(images/ttl_h2_about.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

body#post-34 #aboutTxt {
	width: 700px;
	height:472px;
	background: url(images/bg_txtAbout.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	/*font-size:1px;*/
	display:block;
	}
body#post-34 #aboutTxt2 {
	width: 700px;
	height:825px;
	background: url(images/bg_txtAbout2.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	/*font-size:1px;*/
	display:block;
	}
body#post-34 #aboutTxt3 {
	width: 700px;
	height:786px;
	background: url(images/bg_txtAbout3.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	/*font-size:1px;*/
	display:block;
	}

body#post-34 #aboutGra {
	padding:0 0 0 150px;
	width:550px;
	font-size:10px;
	}
	
body#post-34 #aboutGra table {
	margin-top:20px;
	}
	
body#post-34 #aboutGra table td span.lh3 {
	line-height:3.0;
	}
	
body#post-34 #aboutGra table td span.lhReg {
	line-height:1.5;
	}
	
body#post-34 #aboutGra table td.leftCell {
	width:65px;
	text-align:right;
	vertical-align:top !important;
	}
	
body#post-34 #aboutGra table td.rightCell {
	padding:0 0 0 8px;
	text-align:left;
	vertical-align:top !important;
	}

body#post-34 #aboutGra dl dt {
  clear: left;
  float: left;
  margin: 0 0 1em;
  width: 6em;
  text-align:right;
	}

body#post-34 #aboutGra dl dd {
  margin-bottom: 1em;
  margin-left: 7.5em;
	}

/*------------------------------------------------
 サイトマップ
------------------------------------------------*/
body#post-36 h2 {
	padding-bottom:20px;
	height:21px;
	background: url(images/ttl_h2_sitemap.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

body#post-36 .entry {
	margin:10px 15px 0 10px;
	padding:15px 15px 15px 40px;
	border:#e5dad4 1px solid;
	width:620px;
	float:left;
	display:inline;
	} 

body#post-36 p.opening {
	float:left;
	width:62px;
	display:inline;
	}
	
body#post-36 p.top {
	padding:0 0 0 52px;
	float:left;
	width:32px;
	_width:30px;
	background:url(images/icn_sitemap.gif) no-repeat 0 5px;
	display:inline;
	}

body#post-36 ul.sitemapList {
	padding:0 0 0 52px;
	_padding:0 0 0 34px;
	float:left;
	width:105px;
	background:url(images/icn_sitemap.gif) no-repeat 0 5px;
	display:inline;
	}

/*------------------------------------------------
 プライバシーポリシー
------------------------------------------------*/
body#post-38 .entry {
	margin:10px 15px 0 10px;
	padding:25px 15px 25px 20px;
	border:#e5dad4 1px solid;
	width:640px;
	}

body#post-38 h2 {
	padding-bottom:20px;
	height:21px;
	background: url(images/ttl_h2_privacy.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}
	
body#post-38 .entry h3 {
	margin-top:10px;
	font-size:11px;
	}
	
body#post-38 .entry ul {
	font-size:10px;
	}

body#post-38 .entry li {
	padding:5px 10px 0 10px;
	}
	
/*------------------------------------------------
 お問い合わせ
------------------------------------------------*/
body#post-40 h2 {
	padding-bottom:20px;
	height:21px;
	background: url(images/ttl_h2_contact.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

body#post-40 .entry {
	margin:10px 15px 0 10px;
	padding:15px 30px 15px 35px;
	border:#e5dad4 1px solid;
	width:610px;
	}

body#post-40 .contactNameL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-40 .contactNameR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-40 .contactUrlL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-40 .contactUrlR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-40 .contactTtlL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-40 .contactTtlR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-40 .contactMessageL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-40 .contactMessageR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-40 .contactSubmit {
	margin:0 auto;
	padding:20px 0 0 15px;
	width:200px;
	}
	
body#post-40 .wpcf7-not-valid-tip-no-ajax{
	padding-left:10px;
	font-size:10px;
	color:#CC3300;
	}

body#post-40 .wpcf7-response-output{
	margin:15px auto;
	font-size:10px;
	color:#CC3300;
	text-align:center;
	}
	
/*------------------------------------------------
 月別アーカイブテンプレート
------------------------------------------------*/
body#archive h2 {
	padding-bottom:20px;
	height:21px;
	background: url(images/ttl_h2_common.gif) no-repeat top left;
	font-size:16px;
	line-height:1.0;
	}

body#archive h3 {
	margin-top:10px;
	padding:0 0 5px 0;
	background:url(images/line_entryH3.gif) no-repeat left bottom;
	font-size:14px;
	}
	
body#archive .entry img {
	margin:5px 0 5px 0;
	padding:2px;
	border:#eeeeee 1px solid;
	}
	
body#archive .entry p {
	margin:3px 10px 0 10px;
	}

body#archive .entry ul {
	padding:3px 0 0 15px;
	font-size:12px;
	}

body#archive .entry h4 , body#archive .entry h5 , body#archive .entry h6 , body#archive .entry h7 {
	margin:5px 10px 0 5px;
	}
	
body#archive p.noMonthly {
	margin:10px 0 0 20px;;
	padding:20px;
	border:#e5dad4 1px dashed;
	width:600px;
	}
	
/*------------------------------------------------
 サイドバー共通
------------------------------------------------*/
.archiveNavi {
	margin-top:20px;
	}

.archiveNavi p.month {
	margin-top:20px;
	height:23px;
	background:url(images/ttl_side_monthly.gif) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}
		
.archiveNavi p.category {
	margin-top:20px;
	height:23px;
	background:url(images/ttl_side_category) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

.archiveNavi ul {
	width:200px;
	}
	
.archiveNavi li {
	margin:5px 0 0 11px;
	padding:0 0 0 10px;
	background:url(images/icn_sidebarList.gif) no-repeat left 4px;
	font-size:12px;
	}

/*------------------------------------------------
 先行販売ページ
------------------------------------------------*/
body#post-233 .entry {
	margin:10px 15px 0 10px;
	padding:25px 36px 15px 36px;
	border:#e5dad4 1px solid;
	width:603px;
	}
	
body#post-233 h2 {
	padding-top:1415px;
	background: url(images/gra_inden.jpg) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

body#post-233 #form2 .contactNameL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-233 #form2 .contactNameR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-233 #form2 .contactUrlL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-233 #form2 .contactUrlR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-233 #form2 .contactTtlL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-233 #form2 .contactTtlR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-233 #form2 .contactMessageL {
	padding:13px 20px 0 0;
	width:170px;
	float:left;
	font-weight:bold;
	text-align:right;
	}
	
body#post-233 #form2 .contactMessageR {
	padding:10px 0 0;
	float:left;
	}
	
body#post-233 #form2 .contactSubmit {
	margin:0 auto;
	padding:20px 0 0 15px;
	width:200px;
	}
	
body#post-233 #form2 .wpcf7-not-valid-tip-no-ajax{
	padding-left:10px;
	font-size:10px;
	color:#CC3300;
	}

body#post-233 #form2 .wpcf7-response-output{
	margin:15px auto;
	font-size:10px;
	color:#CC3300;
	text-align:center;
	}

/*------------------------------------------------
 共通
------------------------------------------------*/
.entry {
	margin:10px 15px 0 10px;
	padding:15px 15px 15px 20px;
	border:#e5dad4 1px solid;
	width:640px;
	}
	
.entry .postmetadata {
	padding-top:20px;
	text-align:right;
	font-size:11px !important;
	}
	
.entry .entryDate {
	padding-top:3px;
	text-align:right;
	font-size:12px !important;
	}
	
.pageNavi {
	margin:0 auto;
	padding:20px 0 20px 0;
	font-size:10px;
	width:200px;
	}

.pageNavi .alignleft {
	padding:0 0 0 20px;
	float:left;
	}

.pageNavi .alignright {
	padding:0 20px 0 0;
	float:right;
	}

.goPageTop {
	padding:15px 25px 20px 0;
	text-align:right;
	width:675px;
	}

div#twitter ul {
	padding-bottom:111px;
	background:url(http://maru-waka.com/wordpress/wp-content/uploads/2011/01/bg_side_twitterBtm.jpg) no-repeat bottom left;
}

div#twitter li {
	margin:0 15px 0 16px;
	padding:5px 2px 8px 18px;
	border-bottom:#f0f0f0 solid 1px;
	font-size:10px;
	background:url(http://maru-waka.com/wordpress/wp-content/uploads/2011/01/icn_side_twitter.jpg) no-repeat center left;
}

div#twitter h3{
	margin-top:20px;
	height:141px;
	background:url(http://maru-waka.com/wordpress/wp-content/uploads/2011/01/bg_side_twitterHead.jpg) no-repeat top left;
	text-indent: -9999px;
	text-decoration: none;
	font-size:1px;
	}

div#twitter {
	background:url(http://maru-waka.com/wordpress/wp-content/uploads/2011/01/bg_side_twitterMid.jpg) repeat-y;
}

