@charset "utf-8";

body{
	font-family: Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	color: #000000;
}


/* #sub_body ************* */

#sub_body {
	margin : 0 auto;
	padding: 20px 0px 0px 0px;
	width: 915px;
}

#sub_body .cp_shopping_release {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 550px;
	height: 33px;
	background-image: url(../../magazine/common/img/release/past_backnumber_release.jpg);
	background-repeat:no-repeat;
}

#sub_body .cp_shopping_release p {
	padding: 0px 0px 0px 12px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 33px;
}

/* #cont ************* */
#cont {
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width: 915px;
}

#cont a {
	color: #CC0000;
	text-decoration: underline;
}
#cont a:hover {
	text-decoration: none;
}
#cont .cp_shopping {
	margin: 0 auto;
	padding: 15px 0px 15px 0px;
	width: 550px;
}

#cont .midashi2 {
	line-height: 150%;
	color: #336600;
	margin:10px 0;
	font-size: 1.6em;
	font-weight: bold;
}
#cont .f10s{
	font-size:1em;
	line-height:125%;
	margin: 10px 0 0 0;
	color: #003333;
}
#cont .f10m{font-size:1em;line-height:133%;}
#cont .f10l{font-size:1em;line-height:150%;}

#cont .f12s{font-size:1.2em;line-height:115%;}
#cont .f12m{
	font-size:1.2em;
	line-height:1.4em;
}
#cont .f12l{
	font-size:1.2em;
	line-height:1.5em;
}

#cont .f14s{font-size:1.4em;line-height:120%;}
#cont .f14m{font-size:1.4em;line-height:133%;}
#cont .f14l{font-size:1.4em;line-height:150%;}

#cont .f16s{font-size:1.6em;line-height:125%;}
#cont .f16m{font-size:1.6em;line-height:133%;}
#cont .f16l{font-size:1.6em;line-height:150%;}

#cont .f18s{font-size:1.8em;line-height:125%;}
#cont .f18m{font-size:1.8em;line-height:133%;}
#cont .f18l{font-size:1.8em;line-height:150%;}

/* 一覧下ナビゲーション  */
#cont .cp_shopping .cp_shopping_list_nav_b10 {
	padding: 0px 0px 10px 0px;
	width: 550px;
	float: left;
}

#cont .cp_shopping .cp_shopping_list_nav_b10 p {
	color: #000000;
	float: right;
	margin: 0;
}
#cont .cp_shopping .cp_shopping_list_nav_b10 a {
	color: #000000;
	text-decoration: underline;
}
#cont .cp_shopping .cp_shopping_list_nav_b10 a:hover {
	color: #FF0000;
	text-decoration: none;
}

#cont h3.install_link {
	padding: 10px 0px 30px 0px;
}
#cont h3.install_link a {
	font-size: 1.8em;
	font-weight: bold;
}
#cont h3.install_link a:hover {
	text-decoration: none;
}

/* 取り付け例  */
#install {
	margin: 20px;
}
#install table {
	width: 100%;
}
#install .f10l {
	font-size:1.2em;
	line-height:140%;
}
#install a {
	color: #000000;
}
#install a:hover {
	text-decoration: none;
}
#install .install_img {
	margin: 10px;
}


/*段落設定*/
P.read {
	margin: 10px 0 30px 0;
	font-size: 1.3em;
	text-align: left;
	line-height: 1.8em;
}

/*タイトル部分*/
h1.titleshopping {

 text-indent: -9999px;
 width:177px;
 height: 43px;
}

h1.titleearth {
 background-image: url(../shopping/img/txt_earthingkit.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:217px;
 height: 42px;
}

h1.titlepancture {
 background-image: url(../shopping/img/txt_pancturekit.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:369px;
 height: 35px;
}

h1.titleairgauge {
 background-image: url(../shopping/img/txt_airgauge.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:352px;
 height: 43px;
}

h1.titlefuse {
 background-image: url(../shopping/img/txt_fuse.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:406px;
 height: 36px;
}

h1.titleorder {
 background-image: url(../shopping/img/txt_order.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:103px;
 height: 36px;
}

h1.titlesunglass {
 background-image: url(../shopping/img/txt_sunglass.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:474px;
 height: 43px;
}


h1.titlesticker {
 background-image: url(../shopping/img/txt_sticker.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:283px;
 height: 43px;
}

h1.titlephoto {
 background-image: url(../shopping/img/txt_photo.gif);
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:250px;
 height: 36px;
}

/*写真ヨコ*/
P.captionyoko {
 margin: 0 0 10px 0;
 text-align: left;
 width:300px;
}

/*大きなボックス*/
#wrapper {
  text-align: left;
  width: 410px;
}

/*タテ写真左寄せ*/
.imageleft {
  float: left;
  margin-right: 10px;
}

P.captiontate {
  float: right;
  margin:0;
  padding: 25% 0;
  text-align: left;
  width: 200px;
}

/*製品説明部分設定*/
P.seihinsetsumei {
 margin: 10px 0 10px 0;
 width: 500px;
 text-align: left;
}

/*大きなボックス*/
#wrapper2 {
  text-align: left;
  width: 390px;
  height: 120px;
}

/*大きなボックス*/
#wrapper3 {
  text-align: left;
  width: 390px;
  height: 200px;
}

P.captionfeature {
	float: right;
	padding: 8% 0;
	margin:0;
	text-align: left;
	width: 200px;
}

P.captionfeaturetate {
  float: right;
  height: 180px;
  padding: 20% 0;
  margin:0;
  text-align: left;
  width: 270px;
}

H4.kakaku {
	clear: both;
	color: #00F;
	font-size: 1.6em;
	font-weight: bold;
	padding: 30px 0px 30px 0px;
}

H4.soldout {
   text-decoration:line-through;
}

/*写真ヨコ*/
P.captionfeature2 {
 margin: 5px 0 10px 0;
 text-align: left;
 width:180px;
}

/*大きなボックス*/
#wrapper3 {
 text-align: left;
  width: 400px;
  height: 180px;
}

/*大きなボックス*/
#wrapper4 {
 text-align: left;
  width: 400px;
  height: 200px;
  clear: both;
}

/*左寄せ*/
#alignleft {
  float: left;
}


/*右寄せ*/
#alignright {
  float: right;
}

/*赤文字*/
.textboldred {
  color: #CC0000;
  font-weight:bold;
  letter-spacing: 0.1em;
}

/*表組設定*/
table .index {
  width: 509px;
  border-collapse: collapse;
  border: 1px solid #333333;
  letter-spacing: 0px;
  font-size: 1.2em;
  line-height: 1.4em;
}
table .index td {
  
  text-align: left;
  padding: 8px;
  color: #333;
  border: 1px solid #333333;
}
.c1 {
  background: #CCCCCC;
}
.midashi {
  background: #0066FF;
  font-weight: bold;
  color: #FFF;
}

/*表組設定*/
table .kakakuhyo {
  width: 400px;
  border-collapse: collapse;
  border: 1px solid #333333;
  letter-spacing: 0px;
  line-height: 1.4em;
  font-size: 1.2em;
  color: #333;
  margin-bottom:20px;
}
table .kakakuhyo td {
  padding: 8px;
  border: 1px solid #333333;
  text-align: center;
}
table .kakakuhyo th {
  padding: 8px;
  border: 1px solid #333333;
  text-align: center;
  background-color:#CCC;
}

.backindex{
  width: 550px;
  color: #333;
  text-align: left;
}

.menu {
  margin-bottom: 10px;
}

div.shopingblock {
   width:309px;
   margin:20px 0px 0px;
}

div.shopingblock p {
   text-align:left;
   margin:10px 0px;
   font-size:12px;
   line-height:1.5;
}

div.shopingblock p.arrow {
   text-align:center;
}