@charset "shift_jis";

body{ 
	font-size: 0.9em; 
	line-height: 1.8; 
	color: #4C4C4C; 
}

a	{ color: #0066CC;	}
a:hover 	{ color: #1E90FF; text-decoration: none;  }

div img { vertical-align: text-bottom; }
li img { vertical-align: text-bottom; }

br.br1 {line-height: 100px; }

body#body_home{ 
	width:100%;
	margin: 0 auto;	/* center寄せ */
	background-image:url(../image/header/header_home_bg.jpg); 
	background-repeat:repeat-x; 
}

body#body1{ 
	width:100%;
	margin: 0 auto;	/* center寄せ */
	background-image:url(../image/header/header_bg.jpg); 
	background-repeat:repeat-x; 
}

#wrapper_home{
	width:100%;
	margin: 0 auto;	/* center寄せ */
	background-image: url(../image/header/main_bg.jpg); 
	background-position: center top; 
	background-repeat: no-repeat;
}

#wrapper{
}


#pageframe{
	width: 914px; 
	margin: 0 auto;	/* center寄せ */
}

/*-------------------------------------------------ヘッダー---------------------------------------*/

#header_home{
	height: 520px; 
	width: 914px; 
	text-align: left; 
}

#header{
	height: 360px; 
	width: 914px; 
	text-align: left; 
}

#header_left{ 
	float:left; 
}

#header_right{ 
	float:right; 
	text-align: right; 
}

.header_text{
	height: 26px; 
	margin-top: 5px; 
	margin-left: 10px; 
	font-size: 10px; 
	vertical-align: middle; 
}

#header_inq {
	height: 104px; 
}

h1{line-height: 100%; margin: 0; padding: 0; }

#header_global{
	clear: both; 
	height: 48px; 
}

.topicpath{
	margin-top: 4px; 
	margin-left: 27px; 
	font-size: 12px; 
	color: #fff; 
	}
	
.topicpath a{ color: #fff; text-decoration: underline; }
.topicpath a:hover{ background-color: #0066CC; }



/*-------------------------------------------------コンテンツ：ページ分割---------------------------------------*/

#contents{	
	float: left; 
	width: 620px;
	text-align: left; 
	padding-left: 27px; 
}

#contents_page{	
	float: left; 
	width: 620px;
	text-align: left; 
	padding-left: 27px; 
	margin-top: 30px; 
}

#contents_product{	
	float: left; 
	width: 660px;
	text-align: left; 
	padding-left: 0px; 
	background-image:url(../image/submenu/submenu_bg.jpg); 
	background-repeat:no-repeat; 
	background-position: 0px 7px; 
}

#contents_product2{	
	width: 620px;
	text-align: left; 
	padding-left: 27px; 
}

#rightcolumn{	
	float: left; 
	width: 220px;
	padding-left: 30px; 
	text-align: left; 
}

#rightcolumn_product{	
	float: left; 
	width: 220px;
	padding-left: 17px; 
	text-align: left; 
}

/*-------------------------------------------------右コラムー---------------------------------------*/

#right_mailseminar{ margin-bottom: 10px; }

#right_user{ margin-bottom: 0px; width: 210px; margin-left: 10px; }

#right_pagemenu{
	width: 210px; 
	margin-left: 10px; 
	line-height: 1.0em; 
	margin-bottom: 15px; 
}
#list_pagemenu{ }
#list_pagemenu li{}


.right_links{
	width: 200px; 
	margin-left: 10px; 
	font-size: 12px; 
	line-height: 1.6em; 
	margin-bottom: 20px; 
}

.right_links_hl{}

.list_links li{ 
	padding: 5px 0px 5px 20px; 
	background:url(../image/common/list_gray.jpg) no-repeat 7px 8px;
	border-bottom: 1px #DCDCDC solid; 
}

.list_links li a{ color: #4C4C4C; text-decoration: none; }
.list_links li a:hover{ color: #FFFFFF; background-color: #0066CC; }

.list_links{ }

#right_banner{ margin-bottom: 20px; }


.list_menu_s{
	width: 210px; 
	line-height: 29px; 
	background:url(../image/menu/menu_s_middle.jpg) ;
	background-repeat: repeat-y; 
	font-size: 12px; 
	padding-left: 34px; 
}

.list_menu_s a{ color: #4C4C4C; text-decoration: none; }
.list_menu_s a:hover{ color: #FFFFFF; background-color: #0066CC; }



/*-------------------------------------------------フッター---------------------------------------*/

#footer{
	clear: both; 
	width:100%;
	height: 225px; 
	background-image: url(../image/common/footer_bg.jpg); 
	background-repeat: repeat-x; 
}
#footer_frame{width: 914px;	margin: 0 auto; }

#footer_pagetop{text-align: right; padding-right: 27px; margin-bottom: 30px; padding-top: 50px; }
#footer_left{width: 250px; padding-left: 27px; float: left; text-align: left; }
#footer_right{width: 610px; padding-right: 27px; float: left; text-align: left; }

#footer_link{font-size: 11px; margin-bottom: 20px; }
#footer_link a{ color: #4C4C4C; text-decoration: none; }
#footer_link a:hover 	{ color: #0066CC; text-decoration: none;  }

#footer_copyright{clear: both; font-size: 11px; text-align: center; }


/*-------------------------------------------------コンテンツ：HOME---------------------------------------*/

.hl_grad{
	background-image:url(../image/common/hlbg_grad.jpg);
	background-repeat:no-repeat; 
	padding: 10px 25px 40px; 
	font-size: 20px; 
	font-weight: bold; 
}

.h2_home{
	margin-bottom: 20px; 
}

ul.list1{list-style-type:disc; margin-left: 30px; text-indent: 0em;  }


.bg1{
	line-height: 2.0em; 
	margin-bottom: 40px; 
	padding: 15px; 
	background-color: #f8f8f8; 
	border: 1px #e3e3e3 solid; 
}


.bg2{
	margin-bottom: 40px; 
	padding: 15px; 
	background-image:url(../image/common/bg_grad.jpg); 
	background-repeat:repeat-x;
	background-color: #f8f8f2; 
}

.bg3{
	line-height: 35px; 
	background-image:url(../image/common/line_35.gif); 
}

.bg4{
	line-height: 2.0em; 
	padding: 15px; 
	background-color: #f8f8f8; 
	border: 1px #e3e3e3 solid; 
}

.bg5{
	padding: 15px; 
	background-color: #fff; 
	border: 1px #d3d3d3 solid; 
	margin-bottom: 20px; 
}

.bg6{
	padding: 15px; 
	background-color: #fff; 
	border: 1px #d3d3d3 solid; 
}

.text1{
	font-size: 90%; 
}


#block_message {background-color: #F8F8F8; }

.message_text {
	margin: 0 20px; 
	line-height: 32px; 
	background-image: url('../image/common/note2.gif'); 
	background-repeat: repeat; 
}

.list_message{
	padding-left: 50px; 
	list-style-type: disc; 
	font-weight: bold; 
	font-size: 110%; 
}

.news_block{}

.news{ 
	padding: 3px 0px 3px 20px; 
	background-image: url('../image/common/list_gray.jpg') ;
	background-repeat: no-repeat; 
	background-position: 7px 8px;
	border-bottom: 1px #DCDCDC solid; 
	clear: both; 
	line-height: 1.6em; 
}

.news_date{width: 100px; font-size: 85%; float: left; }
.news_title{width: 500px; float: left; }

.news_continue{clear: both; padding-top: 5px; text-align: right; }


.text_b{font-weight: bold; }

.index_column{width: 204px; margin-right: 4px; float: left; }
.index_column2{width: 204px; float: left; }
.index_hls{margin-bottom: 10px; }


.list_index li{ 
	font-size: 80%; 
	padding: 0px 10px 4px 12px; 
	background:url(../image/common/list_gray.jpg) no-repeat 0px 8px;
}

.list_index li a{  }
.list_index li a:hover{ color: #FFFFFF; background-color: #0066CC; }

.list_index{ }



/*-------------------------------------------------製品情報---------------------------------------*/

#submenu{
	margin-top: 7px; 
	margin-bottom: 40px; 
}

.nextpage{text-align: right; }

.h2_1{}
.block1{margin: 0; }
.p_tokucho_hl{margin-bottom: 10px; }
.p_tokucho_window{margin-bottom: 60px; margin-left: 10px; }
.p_tokucho_window2{margin-bottom: 15px; margin-left: 10px; }
.p_tokucho_texts{ margin-top: 10px; }


.list2 li{ 
	padding: 5px 0px 5px 40px; 
	background:url(../image/common/list_shadow.jpg);
	background-repeat: no-repeat; 
	background-position: 7px 8px;
	border-bottom: 1px #DCDCDC solid; 
}

.list3 li{ 
	padding: 5px 0px 5px 40px; 
	background:url(../image/common/list_shadow2.jpg);
	background-repeat: no-repeat; 
	background-position: 7px 8px;
	border-bottom: 1px #DCDCDC solid; 
}

.list4 li{ 
	padding: 0px 0px 0px 40px; 
	background:url(../image/common/list_shadow2.jpg);
	background-repeat: no-repeat; 
	background-position: 5px 3px;
}

.text_big{font-size: 120%; }
.text_1{font-weight:bold; padding: 0 5px; background-color: #c7e7f9; }


.product_tokuten1{ font-weight: bold; }
.product_tokuten2{margin-bottom: 15px; font-weight: bold; font-size: 110%;  border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; background-color: #fff; color: #8B0000; padding: 4px 8px; }
.product_tokuten3{margin-bottom: 40px; }



/*-------------------------------------------------開発者---------------------------------------*/

#block_koshi{}

.about{border:solid 1px #e3e3e3; padding:15px;}
.saito{}
.big{font-size:1.1em; color:#0064C2; font-weight:bold;}
.small{font-size:0.8em;}

.producer_interview{
	background-image: url(../image/common/note.gif); 
	line-height: 30px; 
	border-bottom: 1px #ccc solid; 
	margin: 0 30px 60px; 
}

/*-------------------------------------------------FAQ---------------------------------------*/

.faq_q2{color: #d2691e; }

/*-------------------------------------------------新着情報---------------------------------------*/

.newslist_block{	border-top: 1px #DCDCDC solid; }
.newslist_unit{	border-bottom: 1px #DCDCDC solid; padding: 15px 0; }
.newslist_date{font-size: 85%; }
.newslist_title{color: #d2691e; }
.newslist_detail{}



/*-------------------------------------------------サイトマップ---------------------------------------*/

ul.list_sitemap{
	list-style-image: url(../image/common/list_square.jpg);
	line-height: 140%; 
	padding-left: 30px; 
	padding-top: 15px;
	padding-bottom: 15px; 
}


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





/*------------------------------------サイドバー facebook & youtube----------------------------*/





/* ボタン全体 */
.flowbtn11{
font-family:'Verdana',sans-serif;	
border-radius:4px;
position:relative;
display:inline-block;
width:90%;
font-size:20px;
color:#fff!important;
text-decoration:none;
margin-bottom:5px;
}
/* Twitter */
.fl_tw1{
background:#55acee;
}
/* Instagramアイコン位置 */
.insta_btn11 .fa-instagram{
position:relative;
z-index:1;	
}
/* Instagram紫グラデ背景色 */
.insta_btn11{
background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
overflow:hidden;
}
/* Instagramオレンジグラデ背景色 */
.insta_btn11:before{
content: '';
position:absolute;
top:17px;
left:-75px;
width:100%;
height:100%;
background:-webkit-radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 45%, rgba(255, 88, 96, 0) 80%);
background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 80%);
}
/* Facebook */
.fl_fb1{
background:#3b5998;
}
/* Feedly */
.fl_fd1{
background:#6cc655;
}
/* Pocket */
.fl_pk1{
background:#ef3f56;
}
/* はてブ */
.fl_hb1{
background:#1ba5dc;
}
/* YouTube */
.fl_yu1{
background:#fc0d1c;
}
/* LINE */
.fl_li1{
background:#00c300;
}
/* お問い合わせメール */
.fl_ma1{
background:#f3981d;
}
/* プロフィール */
.fl_pf11{
background:#555;
}
/* アイコンボタンホバー時 */
.flowbtn11:hover span{
-webkit-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
transform: rotateX(360deg);
text-decoration:none;
}
/* ボタン内テキスト調整 */
.flowbtn11 span{
font-size:14px;	
position:relative;
left:8px;
bottom:2px;
transition:.6s;	
display:inline-block;	
}
/* ulタグの内側余白を０にする */
ul.snsbtniti2{
padding:0!important;
}
/* アイコンボタンの位置調整 */
.snsbtniti2{
display:flex;
flex-flow:row wrap;
}
/* アイコンボタン同士の余白調整 */
.snsbtniti2 li{
flex:0 0 48%;
text-align:center!important;
}