@charset "UTF-8";

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

/* --------------------------------------------
 *               base Layout
 * -------------------------------------------- */

body {
	background: #fff url(../img/common/bg_back.jpg) repeat-x top center;
	width:100%;
	text-align: center;
	color: #333;
    font-size:100%;
    line-height:1;
	margin: 0;
	padding: 0;
	border: none;
	font-family:'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka','メイリオ','Meiryo',sans-serif;
}


a:link { color: #0C746D;font-weight: normal;text-decoration: none; }
a:visited { color: #0C746D;font-weight: normal;text-decoration: none; }
a:active { color: #0C746D;font-weight: normal;text-decoration: none; }
a:hover { color: #333;font-weight: normal;text-decoration: none; }

table {
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
}

img { border-style: none; }

h1 , h2 , h3 , h4 , h5 , h6 {
	margin: 0;
	padding: 0;
}

/* Layout ----------------------------------------------------------------- */

#layout {
	margin: 0;
	padding: 0;
}

#layoutInner {
	width: 980px;
	text-align:center;
	margin: 0 auto;
	padding: 0;
}

/* --------------------------------------------
 *                       Header
 * -------------------------------------------- */

#header {
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#headerInner {
	margin: 0px;
	padding: 0px;
	position : relative;
	height:115px;
}


/* headerDescription ----------------------------------------------------------------- */

#headerDescription {
	margin: 0px 0px 0px 12px;;
	padding: 5px 0px 0px 0px;
	width:480px;
}

#headerDescription h1 {
	font-weight:normal;
	margin: 0px;
	padding:0px;
	font-size:12.2px;
	line-height:1.5;
}

#headerLogo {
	margin: 20px 0px 23px 12px;
	padding: 0px;
	width:330px;
	height:30px;
	background:url(../img/common/logo.gif) no-repeat top left;
}

#headerLogo h1 {
	width:330px;
	height:30px;
	display:block;
	text-indent:-9999px;
}

#headerBtn {
	margin: 0px;
	padding: 0px;
	background:url(../img/common/bg_headerBtn.jpg) no-repeat left top;
	width:463px;
	height:34px;
	top:0;
	left:500px;
	position: absolute;
}

#headerBtn ul {
	list-style:none;
	margin: 0;
	padding: 5px 0px 0px 10px;
}

#headerBtn li {
	display : inline;
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#headerCart {
	margin: 0px;
	padding: 0px;
	width:463px;
	height:47px;
	top:45px;
	left:502px;
	position: absolute;
}

#headerCart .cartBox {
	width: 459px;
	padding: 4px 0px 5px;
	margin: 0px 0px 0px 0px;
}

#headerCart .cartBox .base {
	width: 459px;
	padding: 0px;
	margin: 0px;
	background: url(../img/common/bg_headerCart.jpg) repeat-y left top;
}

#headerCart .cartBox .layout {
	width: 459px;
	padding: 0px;
	margin: 0px;
	background: url(../img/common/bg_headerCart_top.jpg) no-repeat left top;
}

#headerCart .cartBox .body {
	width: 459px;
	height:38px;
	padding: 6px 0px 6px 5px;
	margin: 0px;
	background: url(../img/common/bg_headerCart_bottom.jpg) no-repeat left bottom;
}

#headerCart div.headerBillingBtn {
	margin:0;
	padding:0;
	float:left;
}

#headerCart div.headerCartBtn {
	margin:0 0 0 5px;
	float:left;
}


/* --------------------------------------------
 *               headerNavi
 * -------------------------------------------- */

#headerNavi {
	background: url(../img/common/bg_headerNavi.png) no-repeat left top;
	margin:0 0 0 7px;
	padding:35px 0 0 6px;
	height:88px;
}

#headerNavi ul {
	list-style:none;
	margin: 0;
	padding:0;
}

#headerNavi li {
	display : inline;
	margin: 0;
	padding: 0;
}

#headerNavi .event{
	margin-left: 9px;
}

#headerNavi .howto{
	margin-left: 4px;
}

/* --------------------------------------------
 *               Content
 * -------------------------------------------- */

#content {
	text-align: left;
	margin: 120px 0 0 0;
	padding: 0px;
}

#contentInner {
	margin: 13px 13px 0px 13px;
	padding: 0px;
}

/* --------------------------------------------
 *                        column
 * -------------------------------------------- */

/* leftColumn ----------------------------------------------------------------- */

#leftColumn {
    float: left;
    width: 220px;
}

#leftColumnInner {
	margin: 0 20px 0 0;
	padding: 0px;
}

/* rightcolumn ----------------------------------------------------------------- */

#rightColumn {
    float: left;
    width: 180px;
}

#rightColumnInner {
	margin:0;
	padding: 0;
}

/* threeMainColumn ----------------------------------------------------------------- */

#threeMainColumn {
	width: 554px;
    float: left;
}

#threeMainColumnInner {
	margin: 0 20px 0 0;
	padding: 0px;
}

/* twoMainColumnRight ----------------------------------------------------------------- */

#twoMainColumnRight {
	width: 734px;
    float: left;
}

#twoMainColumnRightInner {
	margin: 0px ;
	padding: 0px;
}

#underColumn {
    width: 100%;
    margin: 0px 0px 0px 0px;
}

#wpPageColumn {
    width: 100%;
    margin: 0px 0px 0px 0px;
}



/* --------------------------------------------
 *               goTop
 * -------------------------------------------- */

#goTop{
	clear: both;
	width: 954px;
	margin: 40px auto 0 auto;
	padding:0;
	text-align:right;
}

/* --------------------------------------------
 *               Footer
 * -------------------------------------------- */



#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width:100%;
	height:320px;
	background: url(../img/background/bg_footer.jpg) repeat-y center bottom;
}

#footerInner {
	background:none;
	width: 980px;
	margin: 0 auto;
	padding:28px 0 0 0;
}


/* Change Margin
-------------------------------------------------- */

.changeMargin0 {
	margin: 0px !important;
}

.changeMarginSide0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}


.changeMarginTop0 {
	margin-top: 0px !important;
}

.changeMarginBottom0 {
	margin-bottom: 0px !important;
}

.changeMarginTop5 {
	margin-top: 5px !important;
}

.changeMarginBottom5 {
	margin-bottom: 5px !important;
}

.changeMarginTop10 {
	margin-top: 10px !important;
}

.changeMarginBottom10 {
	margin-bottom: 10px !important;
}

.changeMarginTop20 {
	margin-top: 20px !important;
}

.changeMarginBottom20 {
	margin-bottom: 20px !important;
}

.changeMarginTop30 {
	margin-top: 30px !important;
}

.changeMarginBottom30 {
	margin-bottom: 30px !important;
}

/* Change Padding
-------------------------------------------------- */

.changePadding0 {
	padding: 0px !important;
}

.changePaddingSide0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.changePaddingTop0 {
	padding-top: 0px !important;
}

.changePaddingBottom0 {
	padding-bottom: 0px !important;
}

.changePaddingTop10 {
	padding-top: 10px !important;
}

.changePaddingBottom10 {
	padding-bottom: 10px !important;
}

.changePaddingTop20 {
	padding-top: 20px !important;
}

.changePaddingBottom20 {
	padding-bottom: 20px !important;
}

.changePaddingTop30 {
	padding-top: 30px !important;
}

.changePaddingBottom30 {
	padding-bottom: 30px !important;
}

/* Top Info
-------------------------------------------------- */

.topInfo {
width: 534px;
margin-bottom: 20px;
border:#F00;
font-size:90%;
padding:13px;
}

#box_frame{
 width:730px;
 height:180px;
 overflow:auto;
 border:1px solid #ccc;
 background:#FFF;
 margin:20px 0;
 }
 
#box_frame h4{
padding:10px;
}
 
#box_frame p{
	padding:10px;
	font-size:90%;
 }