@UTF-CHARSET "UTF-8";

#i_body{
	height:auto;
	width:100%;
	min-width:1100px;
	margin:0 0 0 0;
	padding:0px;
	position:relative;
	background-image:url('../picture/back.png');
	z-index:0;
}

/*横向きデバイス*/
@media screen and (orientation: landscape){
#i_body{
	height:auto;
	width:100%;
	min-width:1100px;
	margin:0 0 0 0;
	padding:0px;
	border:0px;
	position:relative;
	z-index:0;
}
}

/*縦向きデバイス*/
@media screen and (orientation: portrait){
#i_body{
	height:auto;
	width:100%;
	min-width:1100px;
	margin:0 0 0 0;
	padding:0px;
	border:0px;
	position:relative;
	z-index:0;
}
}


/* COMMON *****************************************************************************/
.c_item_size{
	height:550px;/*650px;*/
	width:980px;/*1200px;*/
	min-width:980px;
	padding:0px;
	border:0px;
	margin:40px 0 0 0;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color: gray;
	
	/*角を丸くする 水平方向に 左上、右上、右下、左下 / 垂直方向に 左上、右上、右下、左下 */
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}

.c_item_header{
	color:white;
	height:40px;
	width:auto;
	padding:15px 0px 0px 0px;
	border:0px;
	margin:0px;
	position:relative;
	text-align:center;
	font-family:"BIZ UDPゴシック";
	color:white;
	
	/*角を丸くする 水平方向に 左上、右上、右下、左下 / 垂直方向に 左上、右上、右下、左下 */
	border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
}
.c_green{
	background-color:#558844;	
}
.c_blue{
	background-color:#445588;
}
.c_item_pic{
	height:380px;
	width:490px;
}
.c_item_h3{
	text-align:center;
}
.c_item_str{
	width:400px;
	padding:0px 45px;
	font-family:"BIZ UDPゴシック";
	font-size:14pt;
}


/* nav ******************************************************************************/
#i_nav{
	height:60px;
	width:100%;
	padding:0px;
	border:0px;
	margin:0px;
	background-color:#693515;

	/*　ウィンドウ位置に合わせた位置　*/
	position:fixed;
	top:0px;
	left:0px;

	z-index:5;	/*Zバッファ　手前表示*/
}
#i_nav ul{
	height:60px;
	width:980px;
	padding:0px;
	border:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:#693515;
}
#i_nav li{
	height:56px;
	position:relative;
	float:left;
	background-color:#693515;
	list-style-type:none;	/*リストの点を消す*/
	text-align:center;
	font-size:16pt;
}
#i_nav li:hover{
	color:#44ff55;
	border-bottom:4px white solid;
	cursor:pointer;	/*カーソルを指マークに変更*/
}
#i_nav li p{
	font-family:"BIZ UDPゴシック";
	color:white;
	/*カーソルが文字認識しない*/
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#i_nav_top{
	width:280px;
}
#i_nav_top img{
	height:60px;
	width:280px;
}

#i_nav_introduction{
	width:140px;
	background-color:#693515;
}
#i_nav_service{
	width:140px;
	background-color:#ffffff;
}
#i_nav_producer{
	width:140px;
	background-color:#693515;
}
#i_nav_access{
	width:140px;
	background-color:#ffffff;
}


/* slide ******************************************************************************/
#i_slide{
	border:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	margin-top:90px;
	background-color:white;
	border-radius:18px;
	overflow:hidden;	/*　枠外の画像を非表示　*/
}

/*　画像　***************/
#i_slide_piclist{
	height:550px;
	width:980px;
	padding:0px;
	border:0px;
	margin:0px;
	float:left;	
	position:absolute;

}
#i_slide_piclist li{
	height:550px;/*650px;*/
	width:980px;/*1200px;*/
	padding:0px;
	border:0px;
	margin:0px;
	list-style-type:none;	/*リストの点を消す*/
	position:absolute;
}
#i_slide li img{
	height:550px;
	width:980px;	
	position:absolute;
}
#i_slide_piclist li #i_slide_pic1{	left:0px;	}
#i_slide_piclist li #i_slide_pic2{	left:980px;	}
#i_slide_piclist li #i_slide_pic3{	left:980px;	}
#i_slide_piclist li #i_slide_pic4{	left:980px;	}
#i_slide_piclist li #i_slide_pic5{	left:-980px;	}

/* ボタン ***************/
#i_slide_btnlist{
	height:30px;	
	width:225px;
	padding:0px;
	border:0px;
	margin:520px auto 0px auto;	
	position:relative;
}
#i_slide_btnlist li{	
	height:15px;
	width:15px;
	padding:0px;
	border:0px;
	margin:auto;
	margin-left:10px;
	margin-right:10px;
	position:relative;
	border-radius:45px;
	list-style-type:none;	/*リストの点を消す*/
	z-index:3;
	border:5px black solid;
	float:left;	
	text-align:center;
}
#i_slide_btnlist li:hover{
	opacity:1.0;
	cursor:pointer;	/*カーソルを指マークに変更*/
}
#i_slide_btn1{
	opacity:1.0;
	background-color:white;		
}
#i_slide_btn2,#i_slide_btn3,#i_slide_btn4,#i_slide_btn5{
	opacity:0.5;
	background-color:black;
}
#i_slide_leftbtn{
	height:550px;	
	width:100px;
	padding:0px;
	border:0px;
	margin:0px;	
	opacity:0.5;
	z-index:3;
	position:absolute;
}
#i_slide_leftbtn:hover{
	opacity:1.0;
	background-color:rgba(255,255,255,0.4);
	cursor:pointer;	/*カーソルを指マークに変更*/
}
#i_slide_leftbtn p{
	padding:0px;
	border:0px;
	margin:200px 0px 0px 0px;
	position:relative;
	font-size:80pt;
	right:30px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
#i_slide_rightbtn{
	height:550px;	
	width:100px;
	padding:0px;
	border:0px;
	margin:0px 0px 0px 880px;	
	opacity:0.5;

	position:absolute;
}
#i_slide_rightbtn:hover{
	opacity:1.0;
	background-color:rgba(255,255,255,0.4);
	cursor:pointer;	/*カーソルを指マークに変更*/
}
#i_slide_rightbtn p{
	padding:0px;
	border:0px;
	margin:200px 0px 0px 0px;
	position:relative;
	font-size:80pt;
	left:30px;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


/* introduction ******************************************************************************/
#i_introduction{
	height:815px;		/*h22のパッティング分の15px*/
	margin:40px auto;
	position:relative;
	background-color:#aaddff;
}
#i_introduction-pic1{
	height:380px;
	width:490px;
	float:left;	
}
#i_introduction-str1{
	height:380px;
	line-height:50px; /*行間調節*/
	float:right;	
}
#i_introduction-pic2{
	float:right;	
}
#i_introduction-str2{
	height:380px;
	line-height:50px;
	float:left;	
}


/* service ******************************************************************************/
#i_service{
	height:540px;
	position:relative;
	background-color:#ddffaa;
}
#i_service_pic1{
	height:485px;
	width:490px;
	float:left;	
}
#i_service_str1{
	height:380px;
	line-height:35px;
	float:right;	
}
#i_service_str h3{
	margin:50px 0;
}


/* producer ******************************************************************************/
#i_producer{
	height:550px;
	position:relative;
	background-color:#aaddff;
}
#i_producer_str1{
	line-height:50px;
	float:left;	
}
#i_twitter{
	height:495px;
	width:490px;
	padding:0px;
	border:0px;
	margin:0px 0px 0px 0px;
	position:relative;
	float:right;	
	text-align:center;
	background-color:#ffffff;	
}


/* access ******************************************************************************/
#i_access{
	height:435px;
	position:relative;
	background-color:#ddffaa;
}
#i_access_map{
	height:380px;
	width:490px;
	float:left;	
}
#i_access_str1{
	line-height:50px;
	float:left;	
}



/* footer ******************************************************************************/
#i_footer{
	height:40px;
	width:100%;
	padding:0px;
	border:0px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:#693515;
	top:55px;
	text-align:center;
}
#i_footer p{
	color:#ffffff;
	font-size:12pt;
	padding-top:10px;
	border:0px;
	margin:0px 0px 0px 0px;

}