@charset "UTF-8";

/* basic
--------------------------------------------------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	background: url(img/bg.gif);
	text-align: center;
	font-size: 80%;
	line-height: 1.4;
	font-family: sans-serif;
	color: #333333;
}

img{
	border: 0;
}

p, form, ul, li, dl, dt, dd, ol, div, img, h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
}

/* link default */
a:link{
	color: #0066FF; text-decoration: underline;
}
a:visited{
	color: #0066FF; text-decoration: underline;
}
a:hover{
	color: #00CCFF; text-decoration: none;
}
a:active{
	color: #00CCFF; text-decoration: none;
}

/* link black */
a:link.a1{
	color: #333333; text-decoration: underline;
}
a:visited.a1{
	color: #333333; text-decoration: underline;
}
a:hover.a1{
	color: #333333; text-decoration: none;
}
a:active.a1{
	color: #333333; text-decoration: none;
}

.clearfix::after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



/* common
--------------------------------------------------------------------------------------------------*/

.article{
	width: 950px;
	margin: 0 auto 30px auto;
	padding: 0 0 10px 0;
	border: 1px solid #E7D7A9;
	background-color: #FFFFFF;

	/* ?p?? */
	border-radius: 5px;	/* CSS3???? */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 5px;	/* Firefox?p */
}

.article_tab{
	width: 950px;
	margin: 0 auto 30px auto;
	padding: 25px 0 10px 0;
	border-right: 1px solid #E7D7A9;
	border-left: 1px solid #E7D7A9;
	border-bottom: 1px solid #E7D7A9;
	background-color: #FFFFFF;

	/* ?p?? */
	border-radius: 0 0 5px 5px;	/* CSS3???? */
	-webkit-border-radius: 0 0 5px 5px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 0 0 5px 5px;	/* Firefox?p */
}

.tab_menu{
	width: 952px;
	margin: 0 auto;
	text-align: left;
	list-style: none;
	background: url(img/tab_bg.gif) left bottom repeat-x;
	height: 45px;
}

.tab_menu li{
	height: 45px;
	width: 217px;
	margin: 0 5px 0 0;
	display: inline-block;
	*display: inline;	/* ie6,7 */
	*zoom: 1;	/* ie6,7 */
}

.tab_menu_current{
	background: url(img/tab_bg_current.gif) left bottom no-repeat;
}

.article_frame1{
	text-align: left;
	width: 916px;
	margin: 0 auto 30px auto;
	padding: 0 0 30px 0;
	border-bottom: 1px dashed #CFD0DF;
}

.article_frame1_last{
	text-align: left;
	width: 916px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

.article_frame1_img{
	width: 330px;
	float: left;
}

.article_frame1_img img{
	padding: 3px;
	border: 1px solid #CCCCCC;
	margin: 0 0 0 12px;
}

.article_frame1_text{
	width: 565px;
	float: right;
}

.article_frame1_text_title{
	font-size: 14px;
	padding: 0 20px 5px 0;
}

.article_frame1_text p{
	padding: 0 20px 10px 0;
}

/*youtube???????p*/

.article_frame2_img{
	width: 330px;
	float: left;
	padding-left: 15px;
}

/*youtube???????p*/
.article_frame3_img{
	width: 230px;
	float: left;
	padding-left: 50px;
}


.page_title{
	border-bottom: 1px solid #E4E4E4;
	padding: 5px 0 3px 0;
	margin: 0 0 25px 0;

	/* ?h???b?v?V???h?E 1:x???I?t?Z?b?g 2?Fy???I?t?Z?b?g 3?F?????????? 4?F?V???h?E??L???? 5?F?J???[ */
	box-shadow: 0 1px 2px 0 #CCCCCC;	/* CSS3 */
	-webkit-box-shadow: 0 1px 2px 0 #CCCCCC;	/* Safari, Chrome?p */
	-moz-box-shadow: 0 1px 2px 0 #CCCCCC;	/* Firefox?p */
}

#breadcrumb{
	width: 930px;
	margin: -5px auto 0 auto;
	text-align: left;
	padding: 0 0 10px 0;
}

.backnumber{
	width: 920px;
	text-align: left;
	margin: -10px 0 0 30px;
}

.backnumber2{
	width: 920px;
	text-align: left;
	margin: -10px 0 20px 30px;
}

.backnumber li, .backnumber2 li{
	font-size: 12px;
	width: 150px;
	float: left;
	padding: 10px 0 10px 0;
	border-bottom: 1px dashed #CFD0DF;
}

#backnumber_info{
	width: 870px;
	margin: 15px 40px 5px 40px;
}

#backnumber_info p{
	width: 500px;
	text-align: left;
	float: left;
	padding: 3px 0 0 0;
}

#backnumber_info img{
	width: 190px;
	float: right;
}

#backnumber_ar{
	margin: 0 420px 5px 30px;
	border: 3px solid #F1F1F1;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 1.3;
}

#backnumber_ar2{
	margin: 0 30px 5px 420px;
	border: 3px solid #F1F1F1;
	padding: 10px;
	text-align: left;
	font-size: 12px;
	line-height: 1.3;
}

#backnumber_ar img, #backnumber_ar2 img{
	width: 112px;
	float: left;
	margin: 0 10px 0 0;
}

.backnumber_year{
	text-align: left;
	margin: 0 0 15px 25px;
}







/* header
--------------------------------------------------------------------------------------------------*/

#header_frame{
	background: url(img/header_bg.gif) top left repeat-x #FFFFFF;
	border-bottom: 4px solid #FF9D22;
}

#header{
	margin: 0 auto;
	width: 950px;
	height: 100px;
	position: relative;
}

#header p{
	width: 372px;
	position: absolute;
	top: 25px;
	left: 13px;
}

#header_inquiry{
	width: 394px;
	height: 54px;
	position: absolute;
	top: 28px;
	left: 550px;
	border: 4px solid #F1F1F1;
}

#header_inquiry_tel{
	width: 181px;
	position: absolute;
	top: 6px;
	left: 10px;
}

#header_inquiry_mail{
	width: 180px;
	height: 40px;
	position: absolute;
	top: 6px;
	left: 204px;
}




/* gm
--------------------------------------------------------------------------------------------------*/

#nav{
	width: 950px;
	margin: 0 auto;
	padding: 15px 0 18px 0;
}

#kv{
	border: 2px solid #FFFFFF;
	line-height: 0;
	margin: 0 0 12px 0;

	/* ?p?? */
	border-radius: 5px;	/* CSS3???? */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome?p */
	-moz-border-radius: 5px;	/* Firefox?p */

	/* ?h???b?v?V???h?E 1:x???I?t?Z?b?g 2?Fy???I?t?Z?b?g 3?F?????????? 4?F?V???h?E??L???? 5?F?J???[ */
	box-shadow: 0 0 5px 0 #999999;	/* CSS3 */
	-webkit-box-shadow: 0 0 5px 0 #999999;	/* Safari, Chrome?p */
	-moz-box-shadow: 0 0 5px 0 #999999;	/* Firefox?p */

	behavior: url(js/PIE.htc);	/* IE??CSS3 */
}

#gm{
	position: relative;
	width: 950px;
	height: 40px;
	_overflow: hidden;	/* ie6 */
}

#gm li{
	list-style: none;
}

#gm1{
	display: block;
	width: 193px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#gm2{
	display: block;
	width: 189px;
	position: absolute;
	top: 0px;
	left: 193px;
}

#gm3{
	display: block;
	width: 189px;
	position: absolute;
	top: 0px;
	left: 382px;
}

#gm4{
	display: block;
	width: 189px;
	position: absolute;
	top: 0px;
	left: 571px;
}

#gm5{
	display: block;
	width: 190px;
	position: absolute;
	top: 0px;
	left: 760px;
}





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

#footer_frame{
	border-top: 1px solid #E7D7AA;
	background-color: #FFFFFF;
	margin: 40px 0 0 0;
}

#footer{
	margin: 0 auto;
	width: 950px;
}

#footer_totop{
	width: 123px;
	height: 21px;
	float: right;
}

#footer_text{
	width: 750px;
	float: left;
	text-align: left;
	margin: 20px 0 0 0;
}

#footer_text p{
	padding: 0 0 10px 20px;
	line-height: 1.5;
}

#footer_copyright{
	clear: both;
	background-color: #F1F1F1;
	border-top: 1px solid #E9E9E9;
	padding: 15px 0;
	font-size: 10px;
	color: #666666;
}





/* index
--------------------------------------------------------------------------------------------------*/

#index_text_001{
	text-align: left;
	margin: 0 25px;
}

#index_text_001 p{
	margin: 0 0 1em 0;
}

#index_link{
	width: 950px;
	margin: 0 auto;
	height: 320px;
	position: relative;

}

#index_link1{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

#index_link2{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 485px;
}

#index_link3{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 110px;
	left: 0;
}

#index_link4{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 110px;
	left: 485px;
}

#index_link5{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 220px;
	left: 0;
}





/* littele-house
--------------------------------------------------------------------------------------------------*/

#littele-house_text_001{
	text-align: left;
	margin: 0 25px;
}

#littele-house_text_001 p{
	margin: 0 0 1em 0;
}

#littele-house_text_002{
	text-align: left;
	margin: 0 25px;
}

#littele-house_text_002 p{
	margin: 0 0 1em 0;
}

#littele-house_title3{
	text-align: left;
	margin: 15px 25px 10px 25px;
}

#littele-house_link{
	width: 950px;
	margin: 0 auto 30px auto;
	height: 100px;
	position: relative;

}

#littele-house_link1{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

#littele-house_link2{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 485px;
}



/* pia-home
--------------------------------------------------------------------------------------------------*/

#pia-home_text_001{
	text-align: left;
	margin: 0 25px;
}

#pia-home_text_001 p{
	margin: 0 0 1em 0;
}

#pia-home_text_002{
	text-align: left;
	margin: 0 25px;
}

#pia-home_text_002 p{
	margin: 0 0 1em 0;
}

#pia-home_title3{
	text-align: left;
	margin: 15px 25px 10px 25px;
}

#pia-home_link{
	width: 950px;
	margin: 0 auto 30px auto;
	height: 100px;
	position: relative;

}

#pia-home_link1{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
}

#pia-home_link2{
	display: block;
	width: 465px;
	height: 100px;
	position: absolute;
	top: 0;
	left: 485px;
}



/* ph-institution
--------------------------------------------------------------------------------------------------*/

.ph-institution_text{
	text-align: left;
	margin: 0 17px 10px 17px;
	padding: 0 23px 0 13px;
}

.ph-institution_text_border{
	text-align: left;
	margin: 0 17px 30px 17px;
	padding: 0 23px 35px 13px;
	border-bottom: 1px dashed #CFD0DF;
}



/* link
--------------------------------------------------------------------------------------------------*/

.link_list{
	text-align: left;
	margin: 0 18px;
	list-style: none;
}

.link_list li{
	width: 894px;
	border-bottom: 1px dashed #CFD0DF;
	padding: 10px 10px 15px 10px;
}

.link_list a{
	width: 190px;
	float: left;
	margin: 0 20px 0 0;
}

.link_list span{
	width: 680px;
	float: left;
}