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

/*================================================
ヘッダ
=================================================*/

#wrap {
	background:url(../img/index/wrap_bk.jpg);
}

#head {
	background:#FFF;
	border-bottom:solid 1px #CCC;
}

.in_head {
	width:1025px;
	margin:0 auto;
	padding:15px 0;
}

h1 {
	font-size:75%;
	padding:0 0 10px 0;
}

.h1_box {
	width:300px;
	float:left;
}

.h_nav_box {
	width:300px;
	float:right;
}

.h_n_l01 {
	width:220px;
	margin:15px 0 0 90px;
}

.h_n_l01 li {
	float:left;
	background:url(../img/index/h_n_lst01.jpg) no-repeat left center;
	padding:0 15px 0 15px;
	font-size:75%;	
}

.h_n_l02 {
	width:280px;
	margin:15px 0 0 25px;
}

.h_n_l02 li {
	float:left;
	background:url(../img/index/h_n_lst02.jpg) no-repeat left center;
	padding:0 15px 0 20px;
	font-size:75%;	
}

/*================================================
フラッシュ
=================================================*/

#flash_box {
	background: #FFF;
	border-bottom:solid 1px #CCC;
}

#flash_content {
	display: block;
	margin: 0 auto;
}

.dmy_box {
	background:#FFF;
	text-align:center;
	border-bottom:solid 1px #CCC;
}


/*================================================
グローバルナビゲーション
=================================================*/

#gnav {
	background:#FFF;
	border-top:solid 1px #CCC;
	border-bottom:solid 1px #CCC;
}

#gnav div {
	width:1025px;
	margin:0 auto;
}

#gnavimenu li {
	border: none;
	display: inline;
	margin: 0;
	float: left;
}

/*================================================
コンテンツ
=================================================*/

#contents {
	width:1025px;
	margin:0 auto;
	padding:15px 0 0 0;
}

/*================================================
メイン
=================================================*/

#main {
	width:750px;
	float:left;
}

.intr_box {
	width:739px;
	font-size:90%;
}

.box_inner_top {
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	line-height:150%;
	background:#FFF;
	padding:10px;
}

.box_inner_top ul {
	margin: 12px 10px 12px 11px;
	padding-left: 11px;
	border-left:2px solid #00B2F0;	
}

.box_inner_tit {
	font-weight:bold;
	color:#666;
	padding: 1px 0 1px;
}

.box_inner_blk {
	padding: 3px 0 2px;
}

.box_inner_bot {
	border-left:solid 1px #CCC;
	border-right:solid 1px #CCC;
	padding:10px 10px 10px 21px;
	line-height:150%;
}

#intr_h2_2 {
	font-size:107%;
	color:#666;
	font-weight:bold;
	padding: 13px 0 10px 10px;
	background:#F6F6F6;
	border-bottom:1px dotted #C8C8C8;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}

.box_inner_bot h3 {
	font-size: 95%;
	color: #888;
	font-weight:bold;
	letter-spacing: 0.1em;
	margin: 6px 0;
}

.box_inner_bot h3 span{
	padding: 0 0px 3px 0;
	
}

#quality{
	border-bottom:2px solid #5198D0;
}
#support{
	border-bottom:2px solid #32B933;
}

#price{
	border-bottom:2px solid #C63627;
}

.box_inner_bot p{
	margin-bottom: 16px;
}

.cnt_box01 {
	width:740px;
}

.bloom_cnt {
	width:240px;
	float:left;
}

.bloom_cnt div {
	background:url(../img/index/cnt_box_bk.jpg) repeat-x left top;
	border-left:solid 1px #DDDBDB;
	border-right:solid 1px #DDDBDB;
	font-size:75%;
	line-height:160%;
}

.f_txt {
	padding:12px 10px 7px 10px;
}

.more_txt {
	width:85px;
	background:url(../img/index/more_lst01.gif) no-repeat right center;
	margin:0 0 0 135px;
}

.news_box {
	width:739px;
}

.news_box div {
	height:183px;
}

.news_box div {
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	background:#FFF;
	font-size:75%;
}

.news_box dt {
	float:left;
	width:100px;
	background:url(../img/index/news_lst.gif) no-repeat left center;
	padding:0 0 0 20px;
}

.news_box dd {
	float:left;
	width:550px;
}

.news_box ul {
	border-bottom:dotted 1px #CCC;
	padding:10px 0 10px 0;
	width:680px;
	margin:0 auto;
}

.news_box ul li {
	padding:5px 0 0 0;
}

.lnk_txt {
	font-size:72%;
	font-weight:bold;
	padding:5px 0;
	margin:20px 0 0 0;
}

.cnt_box01 a {
	color:#CCC;
	text-decoration:none;
	cursor:pointer;
}

.txt_title {
	text-align: center;
	font-size: 150%;
	font-weight: bold;
}

.envelope {
	border-radius: 3px;
	width: 80%;
	margin: 20px 0 30px 50px;
}

.card {
	width: 45%;
}

.min {
	border-radius: 3px;
}
.card02 {
	padding-top: 10px;
}
.card03 {
	padding-left: 15px;
	padding-top: 20px;
}
.card04 {
	width: 310px;
	height: 195px;
}
/*================================================
サイド
=================================================*/

#side {
	width:261px;
	float:right;
}

.s_box01 {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	text-align:center;
	background:#FFF;
}

.s_box02 {
	background:url(../img/index/s_side01.gif) repeat-y left top;
	padding:10px 24px;
	font-size:75%;
	line-height:160%;
}

.qa_txt {
	width:50px;
	background:url(../img/index/more_lst01.gif) no-repeat right center;
	margin:0 0 0 160px;
}

/* QRコード */

#qr_code{
	display:block;
}

#qr_txt{
	float: left;
	font-weight:bold;
	color: #999;
	width:90px;
	margin-top: 5px;
	padding: 0 3px 0 1px;
}

/*#qr_lic_txt{
	font-size: 79%;
	margin: 4px 0 0 0;
}*/

.s_box03 {
	background:url(../img/index/s_box03_bk.png) no-repeat left top;
	font-size:75%;
}

.s_box03 {
	background:url(../img/index/s_box03_bk.png) no-repeat left top;
	font-size:75%;
	line-height:160%;
}

.s_box03 div {
	width:230px;
	margin:0 auto;
	border-top:dotted 1px #CCC;
	padding:20px 0;
}

.p_lst {
	background:url(../img/index/h_n_lst01.jpg) no-repeat left center;
	padding:0 0 0 15px;
}

/*================================================
フッタ
=================================================*/

#footer {
	margin:20px 0 0 0;
	background:#F2F2F2;
}

.in_foot {
	width:1025px;
	margin:0 auto;
	padding:10px 0;
	font-size:75%;
	line-height:160%;
}

.left_foot {
	float:left;
	width:400px;
}

.right_foot {
	float:right;
	width:350px;
}

.right_foot ul {
	width:250px;
	margin:10px 0 0 90px;
}

.right_foot li {
	float:left;
}

.pri_lst {
	background:url(../img/index/f_p_lst.gif) no-repeat left center;
	padding:0 20px 0 20px;
}

.con_lst {
	background:url(../img/index/f_m_lst.gif) no-repeat left center;
	padding:0 0 0 30px;
}

.copy {
	margin:20px 0 0 110px;
}