@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------

	サービス名 / index styles
	author  : (C)R&D http://www.randd.co.jp/
	ページ名：CONTACT CSS

---------------------------------------------- */

/*  GENERAL SELECTER
---------------------------------------------- */

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


/*  for contact form
---------------------------------------------- */
div.content680_howtobox {
	width:680px;
	background-image: url(../images/common/foot_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:0px 0px 10px;
	margin:0px 0px 10px;
}

div.h3_box_bottom {
	background-image: url(../images/common/foot_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding:0px 0px 10px;
	margin:0px 0px 10px;
}

h3.howto_title {
	margin:0px 35px 15px 0px;
	background-color:#ececec;
	padding:8px 10px 5px;
}


ul.howto_itemlinks {
	margin:0px 5px 0px;
}

ul.howto_itemlinks li {
	margin:0px 0px 8px;
}

/*今回使用する商品*/
div.howto_imgbox01 {
	width:310px;
	float:left;
}

div.howto_textbox01 {
	width:350px;
	float:right;
	margin:10px 0px 0px;
}

/**/
div.howto_imgbox02 {
	width:280px;
	float:left;
}

div.howto_textbox02 {
	width:390px;
	float:right;
	margin:10px 0px 0px;
}

div.howto_textbox02 p {
	margin:0px 35px 0px 0px;
}

div.howto_textbox02 p.margin10 {
	margin:20px 35px 0px 0px;
}

/*画像が右の場合*/
div.howto_imgbox02_right {
	width:290px;
	float:right;
}

div.howto_textbox02_left {
	width:390px;
	float:left;
	margin:10px 0px 0px;
}

div.howto_textbox02_left p {
	margin:0px 35px 0px 0px;
}

div.howto_textbox02_left p.margin10 {
	margin:20px 35px 0px 0px;
}




span.blue_text {
	color:#039;
}

span.red_text {
	color:#c00;
}

dl.howto_dl {
	margin:0px 10px 0px;
}

dl.howto_dl dt {
	margin:0px 0px 5px;
}

dl.howto_dl dd {
	margin:0px 10px 20px 10px;
}

/*注意*/
div.howto_caution {
	border: 1px solid #ccc;
	padding:10px;
	margin:20px 35px 0px 0px;
}


div.howto_caution h3.howto_caution_h3 {
	background-color:#ececec;
	padding:10px 10px 8px;
	color:#C00;
	
}

ul.howto_caution_ul {
	margin:10px 0px 0px 10px;
}

ul.howto_caution_ul li {
	margin: 0px 0px 10px;
}

/*タブ*/
ul.oyakudachi_ul {
	
}

ul.oyakudachi_ul li {
	display: inline;
	background-image: url(../images/common/link_icon01.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding:2px 0px 0px 19px;
	cursor: pointer;
	margin:0px 10px;
	color: #2277bb;
}

ul.oyakudachi_ul li:hover {
	color: #fe6500;
	text-decoration: underline;
}

div.margin_top10 {
	margin-top:10px;
}

/*新着情報*/

ul.top_ul_bn {
	
}

ul.top_ul_bn li {
	display: inline;
	margin:0px 5px 0px;
}

ul.top_ul_bn li img {
	list-style-type: none;
	border: none;
	vertical-align: top;
	margin-bottom:10px;
}

p.howto_p_mar {
	margin:10px 35px 15px 10px;
}

/*インデックスページ START*/
h2.htc_h2{
	display:block;
	margin:0px;
	padding:0px 0px 20px 0px;
}

dl.htc_dl{
	width:325px;
	display:block;
	margin:0px 10px 0px 0px;
	padding:0px;
	background:right bottom no-repeat;
	float:left;
}

dl.htc_bg01{
	background-image:url(../images/howtocare/index/iCon01.gif);
}

dl.htc_bg02{
	background-image:url(../images/howtocare/index/iCon02.gif);
}

dl.htc_bg03{
	background-image:url(../images/howtocare/index/iCon03.gif);
}

dl.htc_bg04{
	background-image:url(../images/howtocare/index/iCon04.gif);
}

dl.htc_bg05{
	background-image:url(../images/howtocare/index/iCon05.gif);
}

.htc_dl dt{
	display:block;
	width:120px;
	margin:0px;
	padding:0px;
	float:left;
}

.htc_dl dd{
	display:block;
	width:185px;
	margin:0px;
	padding:0px 0px 0px 8px;
	background:url(../images/howtocare/index/htc_point.gif) 0px 3px no-repeat;
	float:right;
}

div.htc_border,div.htc_border_shourt{
	clear:both;
	display:block;
	height:41px;
	margin:0px;
	background:url(../images/howtocare/index/htc_dot.gif) 0px 20px repeat-x;
}

div.htc_border_shourt{
	width:310px;
}
/*インデックスページ END*/