/*
ここは消さないで下さい
Title: sample05
CSSLicense: Tsunehisa Hazama
*/

body {
        font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Osaka","MS PGothic",arial,helvetica,clean,sans-serif;
	text-align:center;
	background-color: #FFFFFF;
	margin : 0px 0px 0px 0px;
	background: url("http://www.hair-ap.com/img/back.gif");
	background-repeat: repeat-x;
	color:#333333;
	font-size: 12px;
	line-height: 150%;
}


/* 画像の属性等 */
img {
	border-style: none;
}


/*  ページナビ  */
.navi {
	height: 20px;
	border-bottom: 1px solid #CCC;
	font-size: 12px;
	color:#3C6031;
	text-indent: 15px;
	margin: 0px;
	background-color: #EBF3E9;
}

.navi a{
	color: #3C6031;
	font-weight: bold;
	text-decoration: none;
}

.navi a:hover {
	color: #FFCC00;
}

/* TAB部分の指定 */
#tab {
	height: 25px;
	background-color: #FFF;
	text-align: right;
}

#tabline {
	height: 30px;
	background-color: #3C6031;
	color: white;
	font-size: 10px;
	font-weight: bold;
	padding: 5px 0px 0px 20px;
}

/* ボックスの指定 */
.indexbox {
	color:#FFF;
	text-decoration:none;
	width:180px;
	height:20px;
	margin-top: 15px;
	text-align: center;
	display: block;
	font-size: 12px;
	background-image: url("http://www.hair-ap.com/img/index01.gif");
}
.box {
	color:#444;
	text-decoration:none;
	width:168px;
	display: block;
	font-size: 12px;
	padding: 5px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #4D7942;
	background-color: #EBF3E9;
}

.detail {
                text-align: center;
	font-size: 16px;
	margin-right:5px;
	margin-top;10px;
	margin-bottom;5px;
}

/* リンクの属性（未指定の時） */
a {
	text-decoration: underline;
}

a:hover {
	color: #FFCC00;
}

/* --------- 基本設定 ----------------------------------　*/
#base {
	width: 1000px;
	margin: 0px;
                margin-right: auto;   
                margin-left: auto;   
}

#wrapper {
	width: 100%;
	border: none;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url("http://www.hair-ap.com/img/top.gif");
	background-repeat: no-repeat;
}
---------------------------------------------------------

/* ブログの枠等の属性 */
#container {
	width: 100%
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color: #FFF;
}
		
/*ヘッダー部分*/
#header	{
	margin : 0px;
	padding: 0px;
	height : 60px;
}

#header h1{
        color:#666666;
	font-size: 12px;
        margin-top : 0px;
	margin-bottom: 0px;
        text-align: right;
}
		
/* お気に入りの指定 */
#header .favorite {
	margin: -90px 10px;
	text-align : right;
}
		
/*左サイドバー部分*/
#left {
	width: 190px;
	float: left;
	margin-left:5px;
	padding-top: 0px;
	padding-bottom:10px;
}

#left h2 {
	font-size: 12px;
	font-family: Verdana,Helvetica,sans-serif;
	color: #666666;
	margin-bottom: 5px;
}
		
#left p {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 140%;
}

#left a {
	color: #8080C0;
}
		
#left a:hover{
	color : #FF6600;
}

/*------メニュー部分------*/
#left .index{
	color:#FFF;
	text-decoration:none;
	width:180px;
	height:20px;
	margin-top: 15px;
	text-align: center;
	display: block;
	font-size: 12px;
	background-image: url("http://www.hair-ap.com/img/index01.gif");
}

#left .menu a	{
	color:#444;
	text-decoration:none;
	width:168px;
	padding: 6px 5px 6px 5px;
	text-indent: 5px;
	display: block;
	font-size: 12px;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #4D7942;
	background-color: #EBF3E9;
}
		
#left .menu a:hover{
	background-repeat: no-repeat;
	background-color: #DBE3C6;
}

#left .new a	{
	color:#444;
	text-decoration:none;
	width:166px;
	padding: 6px 5px 6px 7px;
	display: block;
	font-size: 12px;
	line-height: 150%;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #4D7942;
	background-color: #EBF3E9;
}
		
#left .new a:hover{
	background-repeat: no-repeat;
	background-color: #DBE3C6;
}


#left #searchform	{
	margin-top: 5px;
}
		
#left #searchform p	{
	margin-top: 2px;
	margin-bottom: 2px;
}

/*右サイドバー部分*/
#right {
	width: 190px;
	float: right;
	padding: 0px 0px 20px 0px;
	margin-left: 20px;
}

#right h2 {
	font-size: 12px;
	font-family: Verdana,Helvetica,sans-serif;
	color: white;
	margin-bottom: 5px;
}

#right p {
	font-size: 12px;
	line-height: 150%;
	margin-top: 0px;
	margin-bottom: 0px;
}
		
#right a {
		color: #0080FF;
}

#right a:hover{
		color : #FF6600;
}

/*トップページ フロート*/
.topBox {
    margin: 20px 0px 10px 0px;
    text-align: center !important;
}

.topBox a {
    color: blue !important;
}

.topBox h3 {
    font-size:16px !important;
    padding: 3px 3px 3px 3px;
}

.leftBox {
    font-size:14px;
    width: 275px;
    height:330px;
    float: left;
    padding: 3px;
    border: 1px solid #4D7942;
}

.rightBox {
    font-size:14px;
    width: 275px;
    height:330px;
    float: left;
    margin-left: 5px;
    padding: 3px;
    border: 1px solid #4D7942;
}

.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/


/*エントリー部分*/
.content {
        float: right;
	height: 100%;
        width: 761px;
	margin: 15px 0px 0px 10px;
	font-size: 15px;
}

.content h2 {
	font-size: 16px;
	color: #3C6031;
	text-indent: 5px;
	font-weight:bold;
}
		
.content h3 {
	border: 1px solid #CCC;
	background-color: #E0EDDE;
	text-indent: 5px;
	color: #666;
	font-size:15px;
	font-weight:bold;
	padding:5px;
}

		
.content h4 {
	font-size: 15px;
	font-weight:bold;
	color: #8080C0;
	margin-left: 10px;
	text-align: left;
}


#content-header {
	border: 1px solid #CCC;
	background-color: #E0EDDE;
	text-indent: 5px;
	color: #666;
	font-size:16px;
        padding: 5px 0px 5px 0px;
	font-weight:bold;
	margin: 0px 0px 1px 0px;
}
	

.content p {
	color: #333333;
	line-height: 140%;
	margin-left:15px;
	margin-right:5px;
}

.content a {
	color: #8080C0;
}

.content a:hover{
	color : #FF6600;
}	

/*フッター部分*/
#footer {
	padding-top: 3px;
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
	padding-bottom: 5px;
}
		
#footer p {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
}
		
#footer a {
	color: #666666;
                text-decoration:none;
}

#footer a:hover{
	color : #666666;
}

/* Copyrights */
.copyrights {
	clear: both;
	border-top: 1px solid #999;

	font-size: 12px;
                text-align: center;
	height: 20px;
	margin: 0;
	background-color: #FFF;
}

.copyrights p {
	font-size: 12px;
	margin-top: 0;
	margin-bottom: 0;
	color: #666666;
}

 /* ↓できすぎスタイル↓ */

.clear-margin {
  margin:0;
}

.block-center {
  margin-right: auto;
  margin-left: auto;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.clear-both {
  clear:both;
  float:none;
  width:0px;
  height:0px;
  visibility:hidden;
  display:block;
  margin:0;
  padding:0;
}

* html .clear-both {
  clear:both;
  width:0px;
  height:0px;
  display:none;
  margin:0;
  padding:0;
}

 /* ↓フォントのスタイル↓ */

.bold {
  font-weight: bold;
}
        
.red {
  color: #e62133;
}

.dred {
  color: #CC0000;
}

.white {
  color:#FFFFFF;
}

.dilute-gray {
  color:#444444;
}

.font-14 {
  font-size: 14px;
}

.font-20 {
  font-size: 20px;
}

.inline-center {
  text-align: center;
}

.inline-left{
  text-align: left;
}

.inline-right{
  text-align: right;
}


 /* ↓本体のスタイル↓ */

#body-box {
  width: 760px;
  border: 1px solid #CCCCCC;
  margin-top:8x;
}

 /* ↓ヘッダーのスタイル↓ */

#catch1 {
  font-size: 16px;
}

#footer-menu {
  background-color: #EBF3E9;
  padding: 2px;
  font-size:12px;
  text-align:center;
}

#delivery-text {
  margin-right:10px;
}


 /* ↓商品紹介部分のスタイル↓ */
      
#contents-box {
  border-bottom: 1px dotted #FFCC33;
  margin-bottom: 20px;
  text-align: center;
}

#contents-box h1 {
  margin-top:0;
  padding-top:25px;
  font-size: 24px;
}

#contents-box h2 {
  color: #FFA500;
  font-size: 30px;
  font-weight: bold;
  line-height:150%;
  padding-top: 10px;
}

#contents-box p {
  font-size: 15px;
}

p#catch3 {
  font-size: 18px;
  line-height:1.5em;
  margin-top: 20px;
}

#catch3 {
  font-size: 18px;
  line-height:1.5em;
  margin-top: 20px;
  margin-left:80px;
  width:600px;
  text-align: left;
}

p#catch5 {
  font-size: 15px;
  line-height:1.5em;
  margin: 20px 100px 30px 100px;
}

#catch5 {
  font-size: 15px;
  line-height:1.5em;
  margin: 20px 100px 30px 100px;
}

.price-box {
  width:100%;
  line-height:1.5em;
  margin:10px 0;
}

#price1  {
  padding: 5px 5px 5px 5px;
  font-size: 32px;
  line-height:1.5em;
}

#price2 {
  font-size: 24px;
}

p#catch6 {
  text-align: left;
  margin-left: 100px;
}

#catch6 {
  text-align: left;
  margin-left: 100px;
}

h3#catch7 {
  color:#CC0000;
  font-size: 28px;
  line-height:1.5em;
  margin: 40px 50px;
  background-color: white;
  border:1px solid white;
}

#bottom-name {
  margin:0;
  line-height:1.5em;
}

#bottom-name a {
  text-decoration: none;
}

h3#catch4 {
  font-size:20px;
  padding:5px;
  background-color:#FFFFFF;
  border:none;
}

p#catch8 {
  color: #e62133;
  font-size: 16px;
  margin-left:70px;
}

#catch8 {
  color: #CC0000;
  font-size: 32px;
  padding-top:20px;
  margin-left:70px;
  font-weight: bold;
  line-height: 120%;
}

h3#bottom-name {
  background-color:#E0EDDE;
  border:1px solid #CCCCCC;
  font-size:16px;
}

p#sub-title {
  font-size: 20px;
  padding: 5px;
  font-weight: bold;
  background-color: #E0EDDE;
}

.line-title {
  background-color: #FEFF74;
  padding: 5px;
  margin: 50px 50px 0;
}

.item-explain {
  margin: 20px 50px;
}
        
#item-cart {
  width: 520px;
  padding: 5px 20px 0;
  margin: 30px auto;
  background-color: #EBF3E9;
}

#item-cart2 {
  width: 634px;
  padding: 5px 20px 0;
  margin: 30px auto;
  background-color: #EBF3E9;
  margin-top:-30px;
  padding: 10px 10px 10px 10px;
}



#item-cart img {
  margin:5px;
}

 /* ↓商品スペックのスタイル↓ */

#item-detail {
  border: 2px solid #7FCC99;
  background-color:#E7F5EC;
  width: 680px;
  margin: 10px auto;
}

#item-detail-in {
  padding: 5px 10px;
}

p.spec {
  padding:0 10px;
  font-size:14px;
  margin-bottom:20px;
}

 /* ↓フッターのスタイル↓ */

#to-top {
  margin-left: 5px;
}
        
.copy {
  width:66%;
  line-height:1em;
  margin:3px;
}

.tpl {
  width:30%;
  line-height:1em;
  margin:3px 5px;
}

#footer-link {
  color: #cccccc;
  font-size: 10px;
}

#header-box {
  width:760px;
  height:120px;
  background-image:url ("https://www.moshimo.com/images/dekisugi/header/52.jpg"); 
}

.footer-entry-header {
  background-color:#E0EDDE;
  border:1px solid #CCCCCC;
  font-weight: bold;
  margin: 10px 0px 1px 0px;
  padding: 5px 5px 5px 5px;
  font-size: 16px;
}

.footer-entry-list {
  border:1px solid #CCCCCC;
  padding: 5px 5px 15px 10px;
  font-size:14px;
  line-height:150%;
}

.text-color-1 {
 color:#FFFFFF; 
}

.text-color-2 {
 color:#FFFFFF; 
} 

.text-color-3 {
 color:#333333; 
}

#item-osusume {
  margin-top:80px;
}

#main-image {
  width: 650px;
  padding: 10px 20px;
  margin: 0px auto;
  margin-bottom:30px;
  background-color: #FFFFFF;
  border-top:10px solid #ECE9D8;
  border-left:10px solid #ECE9D8;
  border-right:10px solid #ACA899;
  border-bottom:10px solid #ACA899;
  border-collapse:collapse;
  border-spacing:0;
}

/*  new dekisugi */

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear-both {
  clear: both;
  float: none;
  width: 0px;
  height: 0px;
  visibility: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

* html .clear-both {
  clear: both;
  width: 0px;
  height: 0px;
  display: none;
  margin: 0;
  padding: 0;
}

.block-left {
  margin-left: 0;
  margin-right: auto;
}

.block-center {
  margin-left: auto;
  margin-right: auto;
}

.block-right {
  margin-left: auto;
  margin-right: 0;
}

.inline-left {
  text-align: left;
}

.inline-center {
  text-align: center;
}

.inline-right {
  text-align: right;
}

html {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

.dp-body {
  width: 760px;
}

.dp-body-content {
  width: 760px;
  border: solid 1px #cccccc;
}

.dp-body-header {
  width: 760px;
  height: 120px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 30px;
  background-image:url("img/title1-5.gif"); 
}

.dp-body-header div.dp-body-site-name {
}


.dp-body-catch-copy2 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.dp-body-catch-copy2 h2 {
  width: 740px;
  line-height: 1.2em;
  font-size: 30px;
  color:#FFA500;
  margin:20px 0px 20px 0px;
}

.dp-body-catch-copy3 {
}

.dp-body-catch-copy3 p {
  width: 600px;
  font-size: 16px;
  line-height:1.5em;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;  
  text-align: left;
}

.dp-body-image-first {
  width:650px;
  padding: 5px 10px;
  margin: 0px auto;
  margin-bottom:30px;
  background-color: #FFFFFF;
  border-top:10px solid #ECE9D8;
  border-left:10px solid #ECE9D8;
  border-right:10px solid #ACA899;
  border-bottom:10px solid #ACA899;
  border-collapse:collapse;
  border-spacing:0;
  
}

.dp-body-image-first p.item-image1 {
}

.dp-body-image-first p.item-image1 img {
}

.dp-body-article-name {
  margin-top: 10px;
  margin-bottom: 10px;
}

.dp-body-article-name p {
  font-size: 20px;
  font-weight: bold;
  width: 600px;
  height: 1.2em;
  line-height: 1.2em;
  margin-left: auto;
  margin-right: auto;
}

.dp-body-prices {
  margin-top: 50px;
  margin-bottom: 10px;
}

.dp-body-prices p {
}

.dp-body-prices p span.shop_price {
  font-size: 30px;
  height: 1.2em;
  line-height: 1.2em;
  color: #E62133;
  vertical-align: bottom;
}

.dp-body-prices p span.shop_sum {
  font-size: 20px;
  height: 1.2em;
  line-height: 1.2em;
  color: #000000;
  vertical-align: bottom;
}

.dp-body-prices p.cart-add {
  margin: 5px;
}

.dp-body-point-title {
  margin-top: 80px;
  margin-bottom: 15px;
}

.dp-body-point-title p {
}

.dp-body-point-body {
  font-size: 32px;
  font-weight: bold;
  line-height:1.5em;
  color:#CC0000;
  margin: 10px 50px;
}

.dp-body-point-body p {
  width: 660px;
  color:#CC0000;  
}

.dp-body-description {
  margin-top: 15px;
  margin-bottom: 15px;
}

.dp-body-description p {
  width: 560px;
  margin-left: auto;
  margin-right: auto;
}

.dp-body-image-second {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 620px;
}

.dp-body-image-second div.item-image2 {
  width: 310px;
}

.dp-body-image-second div.item-image2 p.item-image2 {
}

.dp-body-image-second div.item-image2 p.item-image2 img {
  border: solid 1px #aaaaaa;
}

.dp-body-image-second div.item-image3 {
  width: 310px;
}

.dp-body-image-second div.item-image3 p.item-image3 {
}

.dp-body-image-second div.item-image3 p.item-image3 img {
  border: solid 1px #aaaaaa;
}

.dp-body-free-space1 {
  margin-top: 5px;
  margin-bottom: 15px;
}

.dp-body-free-space1 p {
  width: 660px;
}

.dp-body-free-space2 {
  margin-top: 40px;
  margin-bottom: 15px;
}

.dp-body-free-space2 h3 {
  width: 660px;
  font-size: 28px;
  line-height:1.5em;
  color:#CC0000;
  margin: 100px 50px 40px 50px;
  background-color:#fff;
  border:1px solid #fff;
}

.dp-body-cart {
  width: 634px;
  margin: 0px auto;
  margin-bottom:30px;
  background-color: #EBF3E9;
}

.dp-body-cart div.cart-area {
  padding:1px 0;
}

.dp-body-cart div.cart-area p.article-name {
  background-color:#E0EDDE;
  border:1px solid #CCCCCC;
  font-weight: bold;
  font-size: 16px;
  margin:5px 16px;
  padding:5px 0;
}

.dp-body-cart div.cart-area p.article-name a {
  color: #8080C0;
  text-decoration: none;
}

.dp-body-cart div.cart-area p.article-name a:link {
  color: #8080C0;
  text-decoration: none;
}

.dp-body-cart div.cart-area p.article-name a:active {
  color: #8080C0;
  text-decoration: none;
}

.dp-body-cart div.cart-area p.article-name a:visited {
  color: #8080C0;
  text-decoration: none;
}

.dp-body-cart a:hover {
  color: #cc0000;
  text-decoration: underline;
}

.dp-body-cart div.cart-area div.left-area {
  width: 150px;
  margin-left: 20px;
  margin-right: 20px;
}

.dp-body-cart div.cart-area div.left-area p.item-image {
  margin: 5px 0;
}

.dp-body-cart div.cart-area div.left-area p.item-image img {
  border: solid 1px #aaaaaa;
}

.dp-body-cart div.cart-area div.left-area p.item-image4-index {
  margin: 5px;
}

.dp-body-cart div.cart-area div.left-area p.item-image4-index select {
  width: 150px;
}

.dp-body-cart div.cart-area div.right-area p {
  margin: 0px 0px;
}

.dp-body-cart div.cart-area div.right-area p.price-text {
  font-size: 14px;
  color: #E62133;
}

.dp-body-cart div.cart-area div.right-area p.prices {
}

.dp-body-cart div.cart-area div.right-area p.prices span.shop-price {
  font-weight: bold;
  font-size: 20px;
  color: #E62133;
}

.dp-body-cart div.cart-area div.right-area p.cart-add {
  padding: 5px;
}

.dp-body-cart div.cart-area div.right-area p.anchor-detail {
  font-size: 14pxem;
}

.dp-body-cart div.cart-area div.right-area p.anchor-inquiry {
  font-size: 14px;
}

.dp-body-spec {
  border: 2px solid #7FCC99;
  background-color:#E7F5EC;
  width: 680px;
  margin: 10px auto;
}

.dp-body-spec p.spec-image {
  font-size: 0;
  line-height: 0;
  margin-left: 0px;
  margin-right: 0px;
  _padding: 0px 0px;
}

.dp-body-spec p.spec-text {
  width: 648px;
  font-size: 14px;
  padding: 15px;
  margin: 0;  
}

.dp-body-free-shipping {
}

.dp-body-information {
}

.dp-body-information p.information-image {
  margin-left: 0px;
  margin-right: 0px;
}

.dp-body-go-top {
}

.dp-body-go-top p {
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.dp-body-link-fixed {
  background-image: url(img/foot1-5.gif);
  padding: 3px 10px;
  color:#fff;
}

.dp-body-link-fixed a {
  color:#ffffff;
}

.dp-body-link-fixed a:hover {
  color:#CC0000;
}

.dp-body-link-fixed ul {
  display: inline;
}

.dp-body-link-fixed ul li {
  display: inline;
  font-size: 12px;
}

.dp-body-link-flex {
  margin-top: 10px;
  font-size:12px;
}

.dp-body-link-flex ul {
  display: inline;
}

.dp-body-link-flex ul li {
  display: inline;
}

.dp-body-owner-information {
  margin-top: 5px;
}

.dp-body-firm-name {
  margin-top: 5px;
}
