@charset "UTF-8";

@import url("default.css");
@import url("common.css");


/* ********************************************************************************
 * COMMON
 * ******************************************************************************** */

/* html */
html {
	overflow-y:scroll;
}
/* html,body */
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}
/* div.separator */
div.separator {
	width: 100%;
	height: 1px;
	margin: 30px 0;
	background: url(../img/inner/product/dotline.gif) 0 0 repeat-x;
	font-size: 0;
	line-height: 0;
}
div.separator hr {
	display: none;
}


/* ********************************************************************************
 * ■シェイプアップインナー トップページ
 * file path : /inner/index.html
 * body id name : body#index
 * ******************************************************************************** */

body#index {
	background: url(../img/inner/main_bg.gif) 0 0 repeat-x;
	color: #5a5a5a;
}

/* div#container */
body#index div#container {
	width: 899px;
	margin: 0 auto 40px;
	text-align: left;
}
/* p.headText */
body#index div#container p.headText {
	padding: 14px 0 25px;
}

/* div#content
 * ================================================================================ */
body#index div#content {
	background: url(../img/inner/content_bg.gif) 0 0 repeat-y;
}
/* p.lead */
body#index div#content p.lead {
	margin: 17px 0 0 35px;
	line-height: 1.4;
	font-size: 116.7%;
}

/* div.inner
 * -------------------------------------------------------------------------------- */
body#index div#content div.inner {
	width: 817px;
	margin: 30px auto 0;
}
/* h2 */
body#index div#content div.inner h2 {
	margin-bottom: 35px;
}

/* div.section
 * -------------------------------------------------------------------------------- */
body#index div#content div.section {
	width: 790px;
	margin-left: 10px;
}
/* div.leftColumn
------------------------------------------------------------*/
body#index div#content div.section div.leftColumn {
	display: inline;
	float: left;
	width: 607px;
	margin-left: 10px;
}
/* div.leftColumn h3 */
body#index div#content div.section div.leftColumn h3 {
	margin-bottom: 10px;
	line-height: 1.4;
	font-size: 116.7%;
}
body#index div#content div.section div.leftColumn h3 img {
	float: left;
	padding: 5px 20px 5px 0;
}
/* div.leftColumn h3 a */
body#index div#content div.section div.leftColumn h3 a {
	text-decoration: underline;
	color: #0033ff;
}
body#index div#content div.section div.leftColumn h3 a:hover {
	text-decoration: none;
}

/* ul.data */
body#index div#content div.section div.leftColumn ul.data {
	margin: 0 0 11px 54px;
}
body#index div#content div.section div.leftColumn ul.data li {
	margin-bottom: 3px;
	line-height: 1.2;
	font-size: 116.7%;
}
/* ul.specific */
body#index div#content div.section div.leftColumn ul.specific {
	margin-left: 54px;
}
body#index div#content div.section div.leftColumn ul.specific li {
	margin-bottom: 3px;
	padding-left: 16px;
	background: url(../img/inner/icon_square.gif) 0 0.3em no-repeat;
	font-size: 116.7%;
	line-height: 1.2;
}

/* p.package */
body#index div#content div.section p.package {
	float: right;
}

/* p.btnPagetop */
body#index div#content p.btnPagetop {
	margin-right: 22px;
	text-align: right;
}

/* div#contentFoot */
body#index div#content div#contentFoot {
	width: 899px;
	height: 17px;
	background: url(../img/inner/content_foot_bg.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}


/* div#footer
 * ================================================================================ */
body#index div#footer,
body#index div#footer ul#footerNavi {
	background-image: url(../img/common/footer_bg_2.gif);
}
/* ul#footerNavi */
body#index div#footer ul#footerNavi {
	height: 15px;
}


/* ********************************************************************************
 * ■シェイプアップインナー 下層ページ
 * file path : /inner/product/XXX.html
 * body id name : body#product
 * ******************************************************************************** */

body#product {
	color: #5a5a5a;
}
/* div#container */
body#product div#container {
	position: relative;
	min-height: 100%;
	text-align: left;
}
*html body#product div#container {
	height: 100%;
}

/* div#productHeader
 * ================================================================================ */
body#product div#productHeader {
	width: 100%;
	margin-bottom: 20px;
	background-color: #cc3333;
	font-size: 0;
	line-height: 0;
}
/* p */
body#product div#productHeader p {
	width: 550px;
	margin: 0 auto;
	text-align: left;
}
/* p img */
body#product div#productHeader p img {
	padding-left: 4px;
}

/* div#productContent
 * ================================================================================ */
body#product div#productContent {
	width: 515px;
	margin: 0 auto;
	padding-bottom: 40px;
}
/* h1#pageTitle */
body#product div#productContent h1#pageTitle {
	margin-bottom: 25px;
}

/* div.section
 * -------------------------------------------------------------------------------- */
body#product div#productContent div.section {
}
/* div.rightColumn
------------------------------------------------------------*/
body#product div#productContent div.section div.rightColumn {
	float: right;
	width: 300px;
}
/* ul.specific */
body#product div#productContent div.section ul.specific {
	margin-bottom: 15px;
}
body#product div#productContent div.section ul.specific li {
	margin-bottom: 9px;
	padding-left: 16px;
	background: url(../img/inner/icon_square.gif) 0 0.3em no-repeat;
	font-size: 116.7%;
	line-height: 1.2;
}
/* dl.descriptiveLabel */
body#product div#productContent div.section dl.descriptiveLabel {
	font-size: 116.7%;
}
body#product div#productContent div.section dl.descriptiveLabel dt {
	margin-bottom: 4px;
	line-height: 1.1;
}
body#product div#productContent div.section dl.descriptiveLabel dd {
	line-height: 1.2;
}

/* p.package */
body#product div#productContent div.section p.package {
	float: left;
}

/* p.size */
body#product div#productContent p.size {
	margin-bottom: 23px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}
/* p.btnClose */
body#product div#productContent p.btnClose {
	margin-top: 27px;
	text-align: center;
	font-size: 0;
	line-height: 0;
}

/* div#productFooter
 * ================================================================================ */
body#product div#productFooter {
	width: 100%;
	height: 17px;
	margin-top: -17px;
	background-color: #cc3333;
	font-size: 0;
	line-height: 0;
}


/* div#outLink
 * ================================================================================ */
 /* div#container */
body#index div#container {
	margin: 0 auto 15px auto;
}


div#outLink {
	clear: both;
	width: 400px; 
	height: 30px; 
	margin: 20px 0 0 500px; 
	background: url(../img/inner/bg_outlink.png) top center no-repeat;
}

div#outLink h4 {
	float: left; 
	width: 160px; 
	margin: 5px 0 0 5px;
	font-size: 10px;
	font-weight: normal;
	color: #7F7F7F;
}

div#outLink p {
	float: left; 
	width: 220px; 
	margin: 5px 0 0 0; 
	white-space: nowrap;
	font-size: 10px;
	line-height: 1.2;
}

div#outLink a {
	padding: 0 1.25em 0 0; 
	background: url(../img/inner/outlink_icon.gif) center right no-repeat;
	text-decoration: none;
	color: #7F7F7F;
}