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

.clearfix:after {
visibility:hidden;
height:0;
display: block;
font-size: 0;
content: " ";
clear: both;

}

.overflow{
	overflow:hidden;}

/*
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
*/

body{

font-size:1.0em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.4;
color:#333;
background:#fff;
}


a{color:#00f;
	text-decoration:underline;
}
a:link,
a:active,
a:visited{color:#00f;
	text-decoration:underline;
}
a:hover{
	color:#f00;
	text-decoration:none;
}

.slider{
	width:60%;}
.bx-next,.bx-prev{display:none;}
/*
----------------------------
contents
----------------------------
*/

header{
	width:100%;
	margin-top:15px;}
h1{
	text-align:center;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2.5em;
	font-weight:bold;
	color:#00f;
	margin:5px;
}

h1 image{
	margin-left:10px;
}


h2{
//	margin-left:20px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0em;
	color:#007AB7;}


h3{
	font-size:1.0em;
	color:#007AB7;
	text-align:center;
	border-bottom:2px #ccc solid;
	margin-bottom:10px;
	padding:5px;}

h4{
	font-size:0.9em;
	color:#333;

}


/*
----------------------------
nav
----------------------------
*/

nav{

min-height:30px;
	background-color:#007AB7;
	border-radius:10px;
	margin:10px;
}

nav a:link,
nav a:active,
nav a:visited{color:#fff;
	text-decoration:none;
}
nav a:hover{
	background-color:#45A1CF;
	color:#fff;
}

nav ul{

	min-height:30px;
	margin:0 auto;
	overflow:hidden;}

nav ul li{
	width:16%;
	float:left;
	margin:0 auto;
	border-left:1px #fff dotted;
}

nav ul li a{

color:#fff;
display:block;
width:100%;
height:30px;
line-height:30px;
text-align:center;
font-size:0.9em;
text-decoration:none;
/*アニメーションの設定*/
-moz-transition:0.1s linear;
-webkit-transition:0.1s linear;
-o-transition:0.1s linear;
transition:0.1s linear;
behavior: url(PIE.htc);
}

/*
----------------------------
slider
----------------------------
*/

.slider{margin:15px auto;}

.slider img{display:block;}

/*
----------------------------
contents
----------------------------
*/


#contents{
	width:960px;
	margin:0 auto;
}

#contents_left{
	width:650px;
	float:left;
	margin:10px;
}

#contents_right{
	width:240px;
	float:left;
	margin:10px;
}

/*
----------------------------
intro
----------------------------
*/

#intro{
	margin:10px;
}

#intro p{
	margin:10px;}

#intro img{
	display:block;
	max-width:150px;
	float:right;
	margin:10px;
	border:1px #000 solid;
	padding:4px;}

/*
----------------------------
product
----------------------------
*/

#product{
	margin:10px;
}

.box{
	width:260px;
	float:left;
	padding:10px;
}

.box_text{
	width:130px;
	float:left;
	font-size:0.9em;
	}
.box_text ul{margin:10px;}
.box_text li{list-style-type:none;}


#box_img_1{
	width:130px;
	height:92px;

	float:left;
	margin:5px;
	border:1px #000 solid;
	padding:4px;}

#box_img_2{
	width:130px;
	height:100px;
	float:left;
	margin:5px;
	border:1px #000 solid;
	padding:4px;}

strong{
	color:#00f;
}

/*
----------------------------
info
----------------------------
*/

#info{
	margin:10px;
	position:relative;

}



#info img{
	display:block;
	width:130px;
	float:left;
	margin:10px;
	border:1px #000 solid;
	background:#6CBAD8;
	padding:4px;}

#info #news{
	float:left;
	margin:10px;
	font-size:0.8em;
	line-height:2.0em;}

#info,
#product,
#intro{
margin-top:20px;
background:#fff;
position:relative;
/*ボックスシャドウ*/
-webkit-box-shadow: #ccc 0px 2px 3px;
-moz-box-shadow: #ccc 0px 2px 3px;
-o-box-shadow: #ccc 0px 2px 3px;
-ms-box-shadow: #ccc 0px 2px 3px;
box-shadow: #ccc 0px 2px 3px;
background: #FFFFFF;
behavior: url(PIE.htc);
border:1px solid #eaeaea;
padding:10px;
}


#intro{border:5px solid #9ACDE7;}

article p{
//	color:#00f;
}



/*
----------------------------
access
----------------------------
*/


#access,
#reco{
	border:1px solid #000;
	margin-bottom:20px;

	font-size:0.8em;
	padding:10px;}


#access p{
	margin:10px;}


#access img{
	border:1px solid; padding:4px;
	margin:10px;}

#reco p{
	text-align:center;}

#slf_intr{margin:10px;
	font-size:0.8em;}

#page_top,#back{
	text-align:right;

	margin-right:20px;
	font-size:0.8em;}

/*
----------------------------
footer
----------------------------
*/

#footer{
	width:100%;
	height:30px;
	background:#007AB7;
	font-size:0.8em;
	color:#fff;
	text-align:center;
	padding:10px;
	margin-top:10px;
}