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

#container h1 {
	height: 22px;
	background-image: url(../index_images/h1_back_gra.gif);
	background-repeat: repeat-x;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 12px;
	color: #FFF;
	padding-top: 3px;
	padding-left: 11px;
}
a:hover img {
	filter:alpha(opacity=70); opacity:0.7;
}
a.jump:hover img {
	filter:alpha(opacity=100); opacity:1.0;
}

/* head */
/*////////////////////////////////////////////////////*/
.head {
	height: 57px;
	background-color: #FFF;
}
.head .left {
	float: left;
	padding-top: 5px;
	padding-left: 26px;
}
.head .right {
	float:right;
	padding-top: 8px;
	padding-right: 21px;
}
.contents p {
	font-size: 14px;
	line-height: 165%;
}
/* navi */
/*////////////////////////////////////////////////////*/
.navi li {
	float: left;
}
.navi {
	height: 83px;
	background-image: url(../index_images/navi_shadow.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}
/*////////////////////////////////////////////////////*/





/* contents */
/*////////////////////////////////////////////////////*/
.contents {
	background-color: #fffbe5;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

/*////////////////////////////////////////////////////*/

/* order_box_Box */
/*////////////////////////////////////////////////////*/
.order_box .left {
	float: left;
	height: 160px;
	width: 399px;
	background-image: url(../index_images/h3_img001.jpg);
	background-repeat: no-repeat;
}
.order_box .left .text {
	float: right;
	width: 170px;
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	line-height: 1.5em;
	padding-right: 20px;
}
.order_box .right img {
	float: right;
}
/*////////////////////////////////////////////////////*/

/* h4/new_Box */
/*////////////////////////////////////////////////////*/
h4 img {
	margin-top: 8px;
}
.box {
	padding-left: 38px;
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
}

/* new_Box1 */
/*////////////////////////////////////////////////////*/
.new_box1 {
	padding-bottom: 15px;
}
.new_box1 .left {
	padding-top: 9px;
	float: left;
	width: 442px;
	height: 355px;
	position: relative;
}
.new_box1 .left p {
	padding-top: 15px;
	width: 377px;	
}
.new_box1 .left .graf {
	position: absolute;
	bottom: 0;
}
.new_box1 .right img {
	float: right;
}

/* new_Box2 */
/*////////////////////////////////////////////////////*/
.new_box2 {
	padding-bottom: 40px;
}
.new_box2 .left img {
	float: left;
}
.new_box2 .right {
	float: right;
	width: 443px;
}
.new_box2 .right p {
	float: right;
	padding-top: 15px;
	padding-right: 75px;
}
.new_box2 .right .negative img {
	margin-top: -50px;
}

/* new_Box3 */
/*////////////////////////////////////////////////////*/
.new_box3 {
	padding-bottom: 40px;
}
.new_box3 .left {
	float: left;
}
.new_box3 .left p {
	padding-top: 15px;
	width: 345px;
}
.new_box3 .right {
	float: right;
	width: 350px;
}

/* for IE 角丸ヘッドしたのスペースをなくす */
.new_box3 .right .nospace img {
	vertical-align: bottom;
}
/*---------------------------------------*/

.new_box3 .inner1 {
	width: 323px;
	padding: 12px 21px 0px 21px;
	background-image: url(../index_images/comment_back.gif);
	background-repeat: repeat-y;
}
.new_box3 .inner2 {
	float: left;
	width: 323px;
	padding: 12px 21px;
	background-image: url(../index_images/comment_back.gif);
	background-repeat: repeat-y;s
}
.new_box3 .catch {
	float: left;
}
.new_box3 .copy {
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.1em;
}
.new_box3 .person {
	float: left;	
}
.new_box3 .right .letter {
	width: 281px;
	line-height: 1.4em;
}

/* new_Box4 */
/*////////////////////////////////////////////////////*/
.new_box4 {
	padding-bottom: 45px;
}

/* ネガティブマージンをIE6でも効くようにするためのrealtive */
.new_box4 .left img {
	float: left;
	display: block;
	margin-top: -130px;
}
.new_box4 .right {
	float: right;
	width: 347px;
	padding-top: 20px;
}
.new_box4 .right p {
	float: right;
	padding-top: 15px;
	padding-right: 23px;
}


/* new_Box5 */
/*////////////////////////////////////////////////////*/
.new_box5 {
	padding-bottom: 27px;s
}
.new_box5 .left {
	float: left;
	width: 350px;
}
.new_box5 .left p {
	padding-top: 15px;
}
.new_box5 .right img {
	float: right;
	padding-right: 23px;
}

/* comparison */
/*////////////////////////////////////////////////////*/
.comparison {
	margin: 0px 14px;
}
.samplename {
	width: 721px;
	height: 46px;
	background-image:url(../index_images/comparison_001.gif);
	font-size: 23px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #ea303d;
}
.samplename .l {
	float: left;
	font-size: 21px;
	color: #E60012;
	font-weight: bold;
	width: 308px;
	padding-left: 65px;
	padding-top: 7px;
}
.samplename .r {
	font-size: 21px;
	color: #E60012;
	float: right;
	font-weight: bold;
	width: 292px;
	padding-top: 7px;
}
.samplename span {
	font-size: 16px;
	font-weight: bold;
	color: #E60012;
}


/* price&tel */
/*////////////////////////////////////////////////////*/
.tel_box .left {
	float: left;
	width: 170px;
}
.tel_box .right {
	float: right;
	width: 480px;
}
.tel_box .right .backimg {
	width: 480px;
	height: 90px;
	background-image:url(../index_images/h3_dairi002.jpg);
	background-repeat: no-repeat;
}
.tel_box .right .text {
	font-size: 12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	line-height: 1.75em;
	padding-right: 209px;
	padding-top: 15px;
}

/* closing */
/*////////////////////////////////////////////////////*/
.closing {
	width: 700px;
	padding: 0px 25px;
}
.closing .title img {
	padding-top: 24px;
	padding-bottom: 10px;
}
.closing .unit {
	width: 700px;
}
.closing .left {
	float: left;
}
.closing .right {
	float: right;
}
.closing p {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.closing ul {
	width: 700px;
}
.closing li {
	padding-top: 10px;
	font-size: 10px;
}

/* footer */
/*////////////////////////////////////////////////////*/
.footer i {
	float: right;
}
.footer .foot_navi {
	font-size: 10px;
	line-height: 13px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.footer .foot_navi a {
	color: #00599f;
	text-decoration: underline;
	font-size: 10px;
}
.footer .line {
	height: 16px;
	width: 750px;
	background-image: url(../index_images/black1p.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.j12 {
	font-size: 12px;
	line-height: 15px;
}
.footer .company {
	color: #FFF;
	font-size: 12px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #f99300;
}


/* ★ */
/*////////////////////////////////////////////////////*/


/* ★ */
/*////////////////////////////////////////////////////*/
