body
{
	padding:0px;
	margin:0px;
/*	background-color:#cccccc;*/
/*	text-align:center; margin:autoが効かないIEへの仕方のない対応 */
/*font-family: "ＭＳ Ｐゴシック",sans-serif;*/
/* ↑一時的に下記のフォントセットに変える。レイアウトが崩れたりした場合は元に戻す。↓ */
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

/* 文字装飾 */
.text_red
{
	color:#ff0000;
}

.text_green
{
	color:#009900;
}

.text_yellow
{
	color:#ffff00;
}

.text_center
{
	text-align:center;
}

.text_italic
{
	font-style:italic;
}

.text_del
{
	text-decoration: line-through;
}

/* br */
br.cb
{
	clear: both;
}

/* ページ全体の箱 */
div#pagebox
{
	text-align:left;/* ↑IEへの仕方のない対応の後始末 */
	width:810px;
	background-color:#ffffff;
	margin:0px auto;
	border:10px #ffffff solid;
	position:relative;

	background-image:url(../image/background.jpg);
}


/*
	箱の内側でfloat:left;を指定した際に背景が表示されない現象を解消する。
	↑の背景の箱に「overflow:hidden;」を最初に指定し、↓で:afterや他ブラウザへ対応させる。
*/
div#pagebox:after
{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;

}

/*\*/
* html #pagebox {
	overflow: visible;
}
/**/


img
{
	border:0px;
}

/* ヘッド */
div#head
{
	position:relative;
	height:40px;
}

div#head img#twitter
{
	position:absolute;
	top:0px;
	left:140px;
	width:43px;
}

div#head img#Facebook
{
	position:absolute;
	top:0px;
	left:183px;
	width:43px;
}

div#head img#google_plus
{
	position:absolute;
	top:0px;
	left:228px;
	width:40px;
}

div#head h1
{
	margin:0px;
	position:absolute;
	top:0px;
	left:0px;
}

div#head p
{
	font-size:10pt;
	font-weight:900;
	position:absolute;
	width:200px;
	margin:0px;
	top:11px;
	left:655px;
}

/* ヘッダ下のメニュー */
#header_menu
{
	width:810px;
/*	height:20px;*/
	background-color:#000000;
	font-size:9pt;
	padding-bottom:5px;
	text-align:right;
}

#header_menu a
{
	color:#ffffff;
	margin:0px 2px;
}

#header_menu a:hover
{
	text-decoration:none;
}

#header_menu ul
{
	margin:5px 0px 0px 0px;
}

#header_menu ul li
{
	display:inline;
}

#header_menu ul li:after
{
	content:"\3000";
}


/* リンク */
a.footer
{
	font-weight:900;
	text-decoration:none;
	font-size:10pt;
	color:#ffffff;
}

a.footer:hover
{
	text-decoration:underline;
}

a
{
	color:#0000ff;
}

a:hover
{
	text-decoration:none;
}

/* 改行 */
br.cb
{
	clear:both;
}

/*====== ムービー付きメニュー ======*/
div#topmenu
{
	width:810px;
}

div#topmenu:after
{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	zoom: 100%;
}


div.topmenu_box1
{
	float:left;
	width:245px;
	position:relative;
}

div.topmenu_box1 img.top_leftmenu_new_01
{
	position:absolute;
	top:5px;
	left:210px;
}

div.topmenu_box1 img.top_leftmenu_new_02
{
	position:absolute;
	top:65px;
	left:210px;
}

div.topmenu_box1 img.top_leftmenu_new_04
{
	position:absolute;
	top:185px;
	left:210px;
}

div.topmenu_box1 img.top_leftmenu_new_01_re
{
	position:absolute;
	top:1px;
	left:219px;
	width: 25px;
}

div.topmenu_box1 img.top_leftmenu_new_02_re
{
	position:absolute;
	top:49px;
	left:219px;
	width: 25px;
}

div.topmenu_box1 img.top_leftmenu_new_03_re
{
	position:absolute;
	top:97px;
	left:219px;
	width: 25px;
}

div.topmenu_box2
{
	float:left;
	width:320px;
}

div.topmenu_box3
{
	float:right;
	width:245px;
}


/*====== スクロールメニュー ======*/
div#topscrollmenu
{
	clear:both;/* ↑ムービー付きメニューのfloat解除 */
	padding-top:3px;
}

/*====== バナー ======*/
ul#banner_box
{
	width:804px;
/*	height:787px;*/
	margin:3px;
	padding:0px;
	list-style-type:none;
}

ul#banner_box li
{
	font-size:0px;
	float:left;
	margin:3px 0px;
	padding:0px 0px;
	position: relative;
}

ul#banner_box li.new_product
{
}

ul#banner_box li.new_product div.new_product_text
{
	color: #f00;
	font-size: 12pt;
	font-weight: 900;
	text-align: center;
	padding: 3px 0px;
/*
	background-color: #fc6;
	border-top: 2px #000 solid;
	border-left: 2px #000 solid;
	border-right: 2px #000 solid;
*/
}

/* 点滅 */ 
.blinking{ -webkit-animation:blink 0.8s ease-in-out infinite alternate; -moz-animation:blink 0.8s ease-in-out infinite alternate; animation:blink 0.8s ease-in-out infinite alternate; }
@-webkit-keyframes blink{ 0% {opacity:0;} 49% {opacity:0;} 50% {opacity:1;} 100% {opacity:1;} }
@-moz-keyframes blink{ 0% {opacity:0;} 49% {opacity:0;} 50% {opacity:1;} 100% {opacity:1;} }
@keyframes blink{ 0% {opacity:0;} 49% {opacity:0;} 50% {opacity:1;} 100% {opacity:1;} } 

ul#banner_box li img
{
	border: 2px #000 solid;
}

/*====== フォームや更新履歴等 ======*/
div#text_box
{
	clear:both;/* ↑バナーのfloat解除 */
	padding:10px 7px;
	width:810px;
}

/*====== フォーム関係 ======*/
div#form_box
{
	width:395px;
	float:left;
	margin: 2px;
}

div#form_box div#id_link
{
	
}

div#form_box div#id_link form
{
	margin:0px;
	padding:0px;
}

div#form_box div#id_link form select
{
	width:318px;
}

div#form_box div#id_link form div.form_button
{
	text-align:center;
}

div#form_box div.title
{
	background-color:#0055ee;
	color:#ffffff;
	padding:10px;
	margin:10px 0px 5px 0px;
	font-weight:900;
	font-size:10pt;
	text-align:center;
}

div#form_box p.text
{
	margin:5px 0px;
	font-size:10pt;
}

div#form_box p.text2
{
	margin:10px 0px;
	font-size:10pt;
	text-align:right;
}

div#form_box p.text3
{
	margin:10px 0px;
	font-size:10pt;
	text-align:center;
}




/*====== バナーと説明 ======*/
div#link_banner_box
{
	clear:both;/* ↑floatの解除 */
	width:810px;
	padding-bottom:3px;
	background-color:#cccccc;
	border:1px #333333 solid;
}


/*
	箱の内側でfloat:left;を指定した際に背景が表示されない現象を解消する。
	↑の背景の箱に「overflow:hidden;」を最初に指定し、↓で:afterや他ブラウザへ対応させる。
*/
div#link_banner_box:after
{
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;

}

/*\*/
* html #link_banner_box {
	overflow: visible;
}
/**/


div#link_banner_box div.in_box
{
	width:195px;
	height:110px;
	float:left;
	margin:3px 3px 3px 4px;
	background-color:#339999;
}

/* ↑IEでは幅の解釈が違うため、ハックで対応 */
* html div#link_banner_box div.in_box
{
	margin:2px 2px 2px 3px;
}

div#link_banner_box div.in_box div.img_ban
{
	text-align:center;
}

div#link_banner_box div.in_box div.text
{
	font-size:7pt;
	color:#ffffff;
	padding:2px;
}

div#link_banner_box div.in_box div.text span.contrensai
{
	color:#00ff00;
}


/*====== フッター ======*/
div#foot
{
	clear:both;/* ↑floatの解除 */
	width:810px;
	background-color:#000000;
	color:#ffffff;
	text-align:right;
	font-size:10pt;
	border:1px #000000 solid;
}

div#foot div.in_box
{
	padding:5px;
}


/*====== トップへ戻る ======*/
div#backtotop
{
	clear:both;
	padding:20px;
	text-align:center;
	font-size:11pt;
}


/* noscript内のスタイル */
noscript
{
	font-style:italic;
	font-weight:900;
}


/*====== ページタイトル（共通） ======*/
h2#default_caption_ban
{
	padding:20px;
	margin:0px;
}



/* margin:autoが効かないIEへの対応 */
div.ie_follow
{
	text-align:center;
}


/*====== お知らせ ======*/
div.osirase
{
	width:800px;
	border:5px #000000 double;
	margin:3px auto;
	text-align:center;
	clear: both;
}

div.osirase p.title
{
	font-size:15pt;
	font-weight:900;
	margin:5px 0px;
}

div.osirase p.in_text
{
	font-size:12pt;
	margin:5px 10px;
}

/* FLOAT解除 */
.float_del
{
	zoom: 100%;
}

.float_del:after
{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}