/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_modern
 * @copyright   Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Reset ================================================================================= */
* { margin:0; padding:0; }


body          { background:#fff;
				font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
				margin:0px;
				padding:0px;
				text-align: center;
				font-size:12px;
				line-height:1.4;
				color:#333;
				text-align:center;
				height: 100%; }

img           { border:0; vertical-align:top; }

a             { color:#000000; text-decoration:none; }
a:hover       { text-decoration:underline; }
:focus        { outline:0; }

/* Headings */
h1          { font-size: 100%; font-weight:normal; line-height:1.15; margin:40px auto 40px; }
h2          { font-size: 100%; line-height:1.25; margin-bottom:.45em; font-family: Georgia,Helvetica,sans-serif; text-transform: uppercase; }
h3          { font-size: 100%; line-height:1.25; margin-bottom:.45em; font-family: Verdana,Helvetica,sans-serif; text-transform: uppercase; }
h4          { font-size: 100%; line-height:1.35; margin-bottom:.45em; }
h5          { font-size: 100%; line-height:1.35; margin-bottom:.45em; }
h6          { font-size: 100%; line-height:1.35; margin-bottom:1em; }

/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }

/* Table */
table         { border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; }
caption,th,td { vertical-align:top; text-align:left; font-weight:normal; }

/* Content */
p             { margin:0 0 2em; }
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small         { font-size:1em; }
big           { font-size:1.15em; }
/*sup           { font-size:1em; vertical-align:top; }*/

/* Lists */
ul,ol         { list-style:none; }

/* Tools */
.hidden       { display:block !important; border:0 !important; margin:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; width:0 !important; height:0 !important; overflow:hidden !important; }
.nobr         { white-space:nowrap !important; }
.wrap         { white-space:normal !important; }
.a-left       { text-align:left !important; }
.a-center     { text-align:center !important; }
.a-right      { text-align:right !important; }
.v-top        { vertical-align:top; }
.v-middle     { vertical-align:middle; }
.f-left,
.left         { float:left !important; }
.f-right,
.right        { float:right !important; }
.f-none       { float:none !important; }
.f-fix        { float:left; width:100%; }
.no-display   { display:none; }
.no-margin    { margin:0 !important; }
.no-padding   { padding:0 !important; }
.no-bg        { background:none !important; }
.justify      { text-align: justify !important; }

/* ======================================================================================= */


/* Layout ================================================================================ */
html, body { height: 100%; position:relative; }

.wrapper { margin: 0 auto -220px; min-height: 100%; height: auto !important; height: 100%; clear: both; }

.footer-container, .push { height: 220px; }

.page { min-width: 970px; text-align: left; }
.page-print { background:#fff; padding:25px 30px; text-align:left; }
.page-empty { background:#fff; text-align:left; }
.page-empty .col1-layout .main { padding: 20px; }
.page-popup { background:#fff; padding:25px 30px; text-align:left; }
.main-container {}
.main { background:#fff; padding:16px 16px 50px; min-height:350px; }

/* Base Columns */
.col-left { float:left; width:200px; padding:0 40px 1px 0; }
.col-main { float:left;  padding:0 0 1px; }
.col-right { float:right; width:220px; padding:0 0 1px; }

/* 1 Column Layout */
.col1-layout .main { padding:0; }
.col1-layout .col-main { float:none; width:auto; }
.catalog-product-view .col1-layout .col-main { position: relative; }

/* 2 Columns Layout */
.col2-layout .main { position: relative; margin: 32px auto 20px; padding: 0; width:960px; }
.col2-layout .col-main { float:none; display: block; margin: 0 0 0 240px; }
.col2-layout .col-main p { text-align:left; }

.col2-layout .col-left { width: 200px; float: left; }
.col2-layout .col-left ul{ text-align:left; }
.col2-layout .col-left li{ margin-bottom:20px; }


/* ======================================================================================= */



/* Global Styles ========================================================================= */

/* Noscript Notice */
.noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:950px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }


/* Page Heading */
.page-title { width:100%; overflow:hidden; margin:36px 0 16px; border-bottom: 1px solid #000; text-transform: uppercase; }
.page-title h1 { }
.page-title h2 { }

.subtitle,
.sub-title { }


/* ======================================================================================= */


/* Header ================================================================================ */
#header_wrap{}
#header{
	margin: 0 auto 30px;
	width: 960px;
	position: relative;
	}
#header h1{
	position: absolute;
	margin: 0;
	padding: 0;
	top: 50px;
	left: 0;
	}
#header ul#nav{
	padding: 70px 0 0 255px;
	}
#header ul#nav li{
	padding: 53px 12px 0 12px;
	position: relative;
	float: left;

	*display: inline;
	*zoom: 1;
	}

#header ul#nav li.end{
	padding-right: 0;
	}
#header ul#nav li.wedding{
	padding-top: 0;
	}
	
/* ul#nav li {
	position: relative;
	float: left;
	margin-right: 1px;
	padding-top: .6em;
	width: 10em;
	height: 2em;
	background: #333;
	border-bottom: solid #000 1px;
	text-align: center;
	*display: inline;
	*zoom: 1;
}
*/
#header ul#nav li a {
	display: block;
}

#header ul#nav li a:hover {
	text-decoration: underline;
} 

#header ul#nav ul.subNav {
	padding-top: 1px;
	display:none;

	position: absolute;
	top: 112px;
	left: 1px;
	
	z-index:1000;
}

#header ul#nav ul.subNav li {
	width:196px;
	height:41px;
	padding:0;
	margin-bottom:1px;
	display:block;
	

}


/* ======================================================================================= */


/* Contents ============================================================================== */
#contents_wrap{
	padding: 50px 0 0;
	}
#contents{
	margin: 0 auto;
	width: 960px;
	text-align: left;
	}
#contents #side{
	float: left;
	width: 210px;
	}
#contents #side h2,
#contents #side ul li{
	margin: 0;
	padding: 0 0 20px;
	}
#contents #side ul{
	padding: 0 0 0 20px;
	}
#contents #side ul li li{
	padding: 20px 0 0;
	}
#contents #main{
	float: right;
	width: 750px;
	}

/* ======================================================================================= */


/* Footer ================================================================================ */
#footer_wrap{}
#footer{
	position:relative;
	margin: 0 auto;
	padding: 25px 0 1px;
	width: 960px;
	text-align: right;
	font-size:10px;
	}
#footer p.pagetop {
	margin: 0;
	padding: 0 3px 10px;
	}
#footer .fbButton {
	position:absolute;
	width:35 px;
	height: 35px;
	left: 0;
	bottom: 0;
}

/* ======================================================================================= */


/* Magin ================================================================================ */
.mgb0	{ margin-bottom:0px; }
.mgB10	{ margin-bottom:10px; }
.mgB20	{ margin-bottom:20px; }
.mgB30	{ margin-bottom:30px; }
.mgB40	{ margin-bottom:40px; }
.mgB50	{ margin-bottom:50px; }
.mgT10	{ margin-top:10px; }
.mgT20	{ margin-top:20px; }
.mgT30	{ margin-top:30px; }

/* ======================================================================================= */


/* Clears ================================================================================ */
.cf:after,
#header ul#nav:after,
#contents:after{ 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf,
#header ul#nav,
#contents{
	display: inline-block;
}

*html .cf,
*html #header ul#nav,
*html #contents{
	height: 1%;
}

.cf,
#header ul#nav,
#contents{
	display: block;
}