@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	common.css

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Default

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

* {
     margin: 0;
     padding: 0;
     /*border: 0;*/
     text-decoration: none;
     /*font-size: 100%;*/
     font-style: normal;
	}
body {
	margin: 0 auto;
	padding : 0 0 0 0;
	background-color: #FFFFFF;
	font-size: 13px;
	line-height: 140%;
	color: #333333;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	/*background: url(../img/bg.jpg) repeat-x;*/
	}
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,address {
	margin: 0;
	padding: 0;
    font-size: 100%;
	font-weight: normal;
	font-style: normal;
	}
img{
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	}
ul,ol{
	list-style-type: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
.clear {
	clear: both;
	}
br.clear {
	clear: both;
	}

a img:hover{
	filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
	}
/** グローバルナビアルファ禁止 **/
#globalnavi a:hover{
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	}
#globalnavi a img:hover{
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	}
	
.photmenu a:hover{
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	}
.photmenu a img:hover{
	filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
	}

a:link    {color:#0033CC; text-decoration: none;}
a:visited {color:#0033CC; text-decoration: none;}
a:hover   {color:#FF7700; text-decoration: none;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Wrapper

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#wrapper {
	width: 100%;
	margin: 0 auto;
	background-color: #FFFFFF;
	/*background: url(../img/bg_wrapper.png) repeat-x;*/
	/*padding: 0 10px;*/
	/*background: url(../img/bg_shadow.png) repeat-y;*/
	/*border: 1px solid #333333;*/
	font-size: 13px;
	line-height: 140%;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	header

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
#header {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 100px;
	overflow: hidden;
	background: url(../img/head_bg.gif) repeat;
	}

#header .inner {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	height: 100px;
	overflow: hidden;
	/*background: url(/img/head_bg.gif) no-repeat;*/
	}


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

	sitetitle

-------------------------------------------------- */
#header .sitetitle {
	float: left;
	width: 550px;
	display: block;
	}

#header .sitetitle .sitecopy {
	/*float: right;*/
	/*width: 360px;*/
	}
#header .sitetitle .sitelogo h2 a {
	/*float: left;*/
	width: 384px;
	height: 46px;
	margin: 15px 0 8px 0;
	background: url(../img/head_logo.png) no-repeat;
	text-indent: -9999px;	
	outline: none;
	display: block;
	}
#header .sitetitle .sitecopy h1 {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 140%;
	color: #0000CC;
	}



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

	headside

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

#header #headside {
	float: right;
	width: 390px;
	display: block;
	}

/* inn01 */
#headside .inn01 {
	float: right;
	width: 170px;
	display: block;
	}
#headside ul {	
	width: 170px;
	height: 24px;
	margin: 15px 0 10px 0;
	}
#headside li {
	float: left;
	display: inline;
	}
#headside li#langnavi01 a {
	width: 88px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}
#headside li#langnavi02 a {
	width: 82px;
	height: 24px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}
#headside li#langnavi01 a { background:url(../img/head_lang.png)    0   0 no-repeat;}
#headside li#langnavi02 a { background:url(../img/head_lang.png)  -88px 0 no-repeat;}
#headside li#langnavi01 a:hover { background:url(../img/head_lang.png)    0   -24px no-repeat;}
#headside li#langnavi02 a:hover { background:url(../img/head_lang.png)  -88px -24px no-repeat;}


/* フッターと共通 */
.inqbtn {
	margin: 0;
	padding: 0;
	}
.inqbtn a {
	width: 170px;
	height: 34px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}		
.inqbtn a{ background:url(../img/head_form.png) 0 0 no-repeat;}
.inqbtn a:hover{ background:url(../img/head_form.png) 0 -34px no-repeat;}


/* inn02 */
#headside .inn02 {
	float: left;
	width: 210px;
	display: block;
	}
#headside .inn02 .tel {
	margin: 47px 0 0 0;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	globalnavi

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#globalnavi {
	clear: both;
	width: 100%;
	height: 65px;
	margin: 0 auto 10px auto;
	padding: 0;
	overflow: hidden;
	background-color: #202028;
	background: url(../img/globalnavi_bg.gif) repeat-x;
	}

#globalnavi ul {
	width: 980px;
	height: 55px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	/*background: url(../img/head_bg.jpg) no-repeat;*/
	}

#globalnavi li {
	float: left;
	display: inline;
	}
/*
#globalnavi li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	}*/
	
#globalnavi li a {
	width: 196px;
	height: 65px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}
/*
#globalnavi li#glnavi02 a,
#globalnavi li#glnavi03 a,
#globalnavi li#glnavi04 a,
#globalnavi li#glnavi05 a {
	width: 200px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}*/

/* 仮用 */
/*#globalnavi li span {
	width: 200px;
	height: 55px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}*/


#globalnavi li#glnavi01 a { background:url(../img/globalnavi.jpg)  0  0 no-repeat;}
#globalnavi li#glnavi02 a { background:url(../img/globalnavi.jpg) -196px 0 no-repeat;}
#globalnavi li#glnavi03 a { background:url(../img/globalnavi.jpg) -392px 0 no-repeat;}
#globalnavi li#glnavi04 a { background:url(../img/globalnavi.jpg) -588px 0 no-repeat;}
#globalnavi li#glnavi05 a { background:url(../img/globalnavi.jpg) -784px 0 no-repeat;}
/*#globalnavi li#glnavi08 span { background:url(../img/globalnavi.jpg) -623px 0 no-repeat;}*/

#globalnavi li#glnavi01 a:hover { background:url(../img/globalnavi.jpg)   0 -65px no-repeat;}
#globalnavi li#glnavi02 a:hover { background:url(../img/globalnavi.jpg) -196px -65px no-repeat;}
#globalnavi li#glnavi03 a:hover { background:url(../img/globalnavi.jpg) -392px -65px no-repeat;}
#globalnavi li#glnavi04 a:hover { background:url(../img/globalnavi.jpg) -588px -65px no-repeat;}
#globalnavi li#glnavi05 a:hover { background:url(../img/globalnavi.jpg) -784px -65px no-repeat;}


/*#HOME   #globalnavi #navi01 a { background:url(../img/globalnavi.gif)      0   0   no-repeat; cursor:default;}*/
#index    #globalnavi li#glnavi01 a { background:url(../img/globalnavi.jpg)   0 -65px no-repeat;}
#info     #globalnavi li#glnavi02 a { background:url(../img/globalnavi.jpg) -196px -65px no-repeat;}
#product  #globalnavi li#glnavi03 a { background:url(../img/globalnavi.jpg) -392px -65px no-repeat;}
#download #globalnavi li#glnavi04 a { background:url(../img/globalnavi.jpg) -588px -65px no-repeat;}
#company  #globalnavi li#glnavi05 a { background:url(../img/globalnavi.jpg) -784px -65px no-repeat;}

















/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	MAIN VISUAL
	スライダーの設定は、nivo-style.css

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/*
.mainVisual {
	width: 980px;
	margin: 0 auto 15px auto;
	overflow: hidden;
	background-color: #000000;
	}*/




/* ++++++++++++++++++++++++++++++++++++++++++++++++++

	パンクズ

+++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#pankuzu {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 5px 0 10px 0;
	overflow: hidden;
	font-size: 12px;
	}
#pankuzu ol {
	background-color: #CC3333;
	overflow: hidden;
	}
#pankuzu li {
	float: left;
	padding: 0 7px 0 16px;
	background: url(../img/pankuzu_arrow.gif) no-repeat left;
	}
#pankuzu li.first {
	padding: 0 5px 0 5px;
	background: none;
	}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	ページトップ

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pagetop {
	clear: both;
	width: 980px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	overflow: hidden;
	}
.pagetop a {
	width: 100px;
	height: 19px;
	margin: 0 0 0 860px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
	display: block;
	}		
.pagetop a{ background:url(../img/pagetop.gif) 0 0 no-repeat;}
.pagetop a:hover{ background:url(../img/pagetop.gif) 0 -19px no-repeat;}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

	Footer

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 25px 0;
	overflow: hidden;
	border-top: 3px solid #00468C;
	background: url(../img/head_bg.gif) repeat;
	}
#footer .inner {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	/*background: url(../img/head_bg.gif) no-repeat;*/
	}



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

	住所

-------------------------------------------------- */
#footer .address {
	float: right;
	width: 330px;
	margin: 10px 10px 0 0;
	padding: 0;
	display: block;
	}

#footer .address h2 {
	margin: 0 0 5px 0;
	}
#footer .address p {
	margin: 0 0 4px 0;
	}
#footer .address .tel {
	margin: 0 0 6px 0;
	}
#footer .address span {
	font-weight: bold;
	font-size: 14px;
	}

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

	フッターナビ

-------------------------------------------------- */
/*
#footer .inner {
	width: 854px;
	margin: 0 auto;
	padding: 10px 0 15px 0;
	border-top: 1px dotted #D9858D;
	overflow: hidden;
	}*/

#footer .footernavi {
	float: left;
	width: 580px;
	margin: 15px 0 0 10px;
	overflow: hidden;
	/*background-color: #993333;*/
	}
#footer .footernavi ul {
	float: left;
	margin: 0 60px 0 0;
	padding: 0;
	}
#footer .footernavi li {
	margin: 0 0 5px 0;
	}
#footer .footernavi li a {
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height :150%;
	letter-spacing: 0.1em;
	}
/* 仮用 */
#footer .footernavi li span {
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height :150%;
	letter-spacing: 0.1em;
	}

#footer .footernavi a:link    { color:#333333; text-decoration: none;}
#footer .footernavi a:visited { color:#333333; text-decoration: none;}
#footer .footernavi a:hover   { color:#CC3300; text-decoration: none;}


/* When Active Page */
#index    .footernavi #ftnavi01 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#info     .footernavi #ftnavi02 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#product.pro00  .footernavi #ftnavi03 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#download .footernavi #ftnavi04 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#company  .footernavi #ftnavi05 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#inquiry  .footernavi #ftnavi06 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#privacy  .footernavi #ftnavi07 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}

#product.pro01  .footernavi #ftnavi08 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#product.pro02  .footernavi #ftnavi09 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#product.pro03  .footernavi #ftnavi10 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#product.pro04  .footernavi #ftnavi11 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#product.pro05  .footernavi #ftnavi12 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#product.pro06  .footernavi #ftnavi13 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}
#product.pro07  .footernavi #ftnavi14 a { color:#CC3300; cursor:default; background:url(../img/foot_arrow02.png) 0 5px no-repeat;}


#footer .footernavi li a { background:url(../img/foot_arrow01.png) 0 5px no-repeat;}
#footer .footernavi li a:hover { background:url(../img/foot_arrow02.png) 0 5px no-repeat;}

/* 仮用 */
#footer .footernavi li span { background:url(../img/foot_arrow01.png) 0 5px no-repeat; color:#999999;}