@charset "utf-8";

/* @group Layout */

body {
	background: #fff url(../img/common/bg_body.jpg) repeat;
	}

body.main div#container {
	width: 100%;
	background: transparent url(../img/common/bg_container.jpg) no-repeat center top;
	}

body.main div#wrapper_1 {
	margin: 0 auto;
	padding: 0 30px 30px 30px;
	width: 900px;
	background: transparent url(../img/common/bg_content_left.jpg) no-repeat bottom left;
	}

body.main div#wrapper_2 {
	width: 900px;
	background: transparent url(../img/common/bg_content.jpg) repeat;
	}

body.main div#wrapper_3 {
	width: 900px;
	background: #fbfaf8 url(../img/common/bg_content_symbol.jpg) no-repeat top right;
	}

body.main div#header {
	width: 900px;
	height: 60px;
	background: transparent url(../img/common/bg_header.jpg) no-repeat;
	}

body.main div#title {
	float: left;
	width: 240px;
	margin: 40px 0 0 30px;
	_margin-left: 15px;
	}

body.main div#title h1 {
	margin: 0;
	padding: 0;
	}

body.it_index div#title {
	width: 200px !important;
	}

body.main div#content {
	float: left;
	width: 600px;
	margin: 40px 0 0 0;
	}

body.home div#content {
	float: none;
	width: 840px;
	height: 1040px;
	height: 840px;
	*height: 1%;
	margin: 0 30px;
	}

body.it_index div#content {
	width: 640px !important;
	}

div#min-height {
	float: left;
	width: 1px;
	}

div#min-height img {
	width: 1px;
	height: 400px;
	}

body.main div#sideBar {
	float: right;
	margin: 0 10px 0 0;
	_margin: 0 5px 0 0;
	width: 200px;
	height: 500px;
	}

div#utility {
	margin: 30px 30px 0 30px;
	}

div#utility div#topicPath {
	float: left;
	width: 740px;
	}

div#utility div#toPageTop {
	float: left;
	width: 80px;
	}

div#utility div#toPageTop p {
	margin: 0;
	}

body.home div#utility div#topicPath,
body.home div#utility div#toPageTop {
	display: none;
	}

body.main div#footer {
	margin: 0 auto;
	padding: 12px 40px 20px 40px;
	width: 880px;
	background: transparent url(../img/common/bg_footer.jpg) no-repeat top left;
	}

body.main div#footer div#generalNav {
	float: left;
	width: 590px;
	}

body.main div#footer div#siteInfo {
	float: left;
	width: 290px;
	}

div#print {
	display: none;
	}

/* @end */


body.popup div#container {
  text-align: left;
  width: 500px;
  margin: 0 auto;
  }

body.popup div#footer {
	margin:40px 0 0 0;
	}

body.popup div#footer p#close,
body.popup div#footer p#copyright {
	text-align: right;
	}


div#langNav {
  height:17px;
  float: right;
  margin: 3px 5px 0 0;
  }

div#langNav p {
  margin: 0;
  text-align:right;
  font-size: 80%;
  }

div#langNav p a {
  text-decoration: underline;
  }

div#globalNav	{
  clear: right;
	}



/* @group Header */

div#header {
	
	}

div#header p#logo {
	float: left;
	margin: 10px 0 0 0;
	width: 200px;
	height: 50px;
	}

div#header p#logo strong {
	display: block;
	}

div#header p#logo strong span,
div#header p#logo strong a {
	display: block;
	padding-top: 50px;
	width: 200px;
	}

/* @group GlobalNav_v2 */

div#globalNav_v2	{
	}

div#globalNav_v2 ul {
	margin: 0 0 0 0;
	float: right;
	width: 690px;
	height: 40px;
	}

div#globalNav_v2 ul li {
	width: 86px;
	height: 40px;
	margin: 0;
	}

div#globalNav_v2 ul li span,
div#globalNav_v2 ul li a {
	width: 86px;
	padding-top: 40px;
	}

div#globalNav_v2 ul li.bitowa,
div#globalNav_v2 ul li.bitowa span,
div#globalNav_v2 ul li.bitowa a {
	width: 88px;
	}

div#globalNav_v2 ul li span,
div#globalNav_v2 ul li a {
	background-image: url(../img/common/globalNav_over.png);
	background-position: 0 -40px;
	}

body.info div#globalNav_v2 ul li.info span,
body.info div#globalNav_v2 ul li.info a,
div#globalNav_v2 ul li.info a:hover {
	background-position: 0 0;
	}

body.plan div#globalNav_v2 ul li.plan span,
body.plan div#globalNav_v2 ul li.plan a,
div#globalNav_v2 ul li.plan a:hover {
	background-position: -86px 0;
	}

body.blog div#globalNav_v2 ul li.blog span,
body.blog div#globalNav_v2 ul li.blog a,
div#globalNav_v2 ul li.blog a:hover {
	background-position: -172px 0;
	}

body.special div#globalNav_v2 ul li.special span,
body.special div#globalNav_v2 ul li.special a,
div#globalNav_v2 ul li.special a:hover {
	background-position: -258px 0;
	}

body.item div#globalNav_v2 ul li.item span,
body.item div#globalNav_v2 ul li.item a,
div#globalNav_v2 ul li.item a:hover {
	background-position: -344px 0;
	}

body.kimonoStyle div#globalNav_v2 ul li.kimonoStyle span,
body.kimonoStyle div#globalNav_v2 ul li.kimonoStyle a,
div#globalNav_v2 ul li.kimonoStyle a:hover {
	background-position: -430px 0;
	}

body.s_backnumber_3 div#globalNav_v2 ul li.kimonoFlow span,
body.s_backnumber_3 div#globalNav_v2 ul li.kimonoFlow a,
div#globalNav_v2 ul li.kimonoFlow a:hover {
	background-position: -516px 0;
	}

body.s_backnumber_3 div#globalNav_v2 ul li.special span,
body.s_backnumber_3 div#globalNav_v2 ul li.special a {
	background-position: 0 -40px;
	}

body.bitowa div#globalNav_v2 ul li.bitowa span,
body.bitowa div#globalNav_v2 ul li.bitowa a,
div#globalNav_v2 ul li.bitowa a:hover {
	background-position: -602px 0;
	}

/*<div id="globalNav_v2_v2">
    <ul class="horizontal">
      <li class="info"><cws:a href="cms:info/index.html" class="replace" title="和婚とは">和婚とは</cws:a></li>
      <li class="plan"><cws:a href="cms:plan/index.html" class="replace" title="和婚のプラン">和婚のプラン</cws:a></li>
      <li class="biyori"><span class="replace" title="和婚日和">和婚日和</span></li>
<!--       <li class="biyori"><cws:a href="cms:biyori/index.html" class="replace" title="和婚のプラン">和婚日和</cws:a></li> -->
      <li class=""><cws:a href="cms:special/index.html" class="replace" title="和婚を彩るアイテム">和婚を彩る人びと</cws:a></li>
      <li class=""><cws:a href="cms:item/index.html" class="replace" title="和婚を彩るアイテム">和婚を彩るアイテム</cws:a></li>
      <li class=""><a href="http://wa-kon.jp/soga/index.html" title="着物スタイル" target="_blank"><img src="img:h_index_kimonoStyle_title.jpg" alt="着物スタイル" /></a></li>
      <li class=""><cws:a href="cms:special/backnumber_3.html" title="着物のできるまで"><img src="img:h_index_kimonoFlow_title.jpg" alt="着物のできるまで" /></cws:a></li>
      <li class="bitowa"><cws:a href="cms:bitowa/index.html" title="和の贈り物"><img src="img:h_index_bitowa_title.jpg" alt="和の贈り物" /></cws:a></li>
    </ul>
  </div>
</div>*/





/* @end */

/* @group GlobalNav */

div#globalNav	{
	}

div#globalNav ul {
	margin: 10px 0 0 0;
	float: right;
	width: 540px;
	height: 30px;
	}

div#globalNav ul li {
	width: 180px;
	height: 30px;
	margin: 0;
	}

div#globalNav ul li span,
div#globalNav ul li a {
	width: 180px;
	padding-top: 30px;
	}

div#globalNav ul li span,
div#globalNav ul li a {
	background-image: url(../img/common/globalNav_over.jpg);
	background-position: 0 30px;
	}

body.info div#globalNav ul li.info span,
body.info div#globalNav ul li.info a,
div#globalNav ul li.info a:hover {
	background-position: 0 0;
	}

body.plan div#globalNav ul li.plan span,
body.plan div#globalNav ul li.plan a,
div#globalNav ul li.plan a:hover {
	background-position: -180px 0;
	}

body.item div#globalNav ul li.item span,
body.item div#globalNav ul li.item a,
div#globalNav ul li.item a:hover {
	background-position: -360px 0;
	}


/* @end */


/* @end */

/* @group TopicPath */

div#topicPath ul {
	margin: 0;
	}

div#topicPath ul li {
	margin: 0 5px 0 0;
	*margin: 0 6px 0 0;
	padding: 0;
	background: none;
	}

div#topicPath ul li a {
	border-bottom: none;
	*padding-right: 10px;
	*background: transparent url(../img/common/icon_topicpath.gif) no-repeat center right;
	}

div#topicPath ul li:before {
	content: ">";
	margin: 0 5px 0 0;
	}

div#topicPath ul li:first-child:before {
	content: "";
	margin: 0;
	}

/* @end */

/* @group SideBar */

div#sideBar ul {
	}

div#sideBar ul li {
	width: 100%;
	}

/* @end */

/* @group ToPageTop */

div#toPageTop {
	}

div#toPageTop p {
	text-align: right;
	}


/* @end */

/* @group Footer */

div#footer {
	}

div#footer div#generalNav ul {
	margin: 0;
	}

div#footer div#siteInfo p#copyright {
	margin: 0;
	text-align: right;
	}

/* @end */

/* @group AddDefault */

table,
table * {
	border-color: #EDE3DA !important;
	background:none;
	}

table th,
table td {
	padding-top: .8em;
	padding-bottom: .8em;
	}

/* @end */

/* @group Common */

/* Hx */

div#content h2 {
	margin: 1.8em 0 .6em 0;
	}

div#content h2.first-child {
	margin-top: 20px;
	margin-top: 20px;
	margin-bottom: 0;
	}

div#content h2.first-child img {
	display: block;
	margin-bottom: 20px;
	}

div#content h3 {
	margin: 2em 0 0 0;
	}

/* Anchor */

div#content a {
	text-decoration: underline;
	color: #933;
	}

div#content a:active {
	}

div#content ul.horizontal a {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	border-bottom: none;
	}

/* Column */

div.c2 {
	margin: 20px 0;
	}

div.c2 div.c2-1,
div.c2 div.c2-2 {
	float: left;
	width: 295px;
	}

div.c2 div.c2-1 {
	margin: 0 10px 0 0;
	}

div.c2 div.c2-c2 {
	}

div.c2 p {
	line-height: 1.6;
	}