/* ============各項目のリセット==========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
 margin:0; padding:0; 
} 
table { 
border-collapse:collapse; 
border-spacing:0; 
} 
fieldset,img {  
border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
font-style:normal; 
font-weight:normal; 
} 
ol,ul { 
list-style:none; 
} 
caption,th { 
text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
font-size:100%; 
font-weight:normal; 
} 
q:before,q:after { 
content:''; 
} 
abbr,acronym { border:0; 
} 

/* YUI Fonts*/
body {
font:13px/1.231 arial,helvetica,clean,sans-serif ,"lr oSVbN", Osaka, "qMmpS Pro W3";
*font-size:small;*font:x-small;
}
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* テキスト*/
.text-12_333{font-size:12px; color:#333; font-weight:normal;}
.text-r{text-align:right;}
.text-c{text-align:center;}

p{font-size:93%;line-height: 1.5; margin-top:12px;}

/* クリア　*/
.clear{	clear:both;}
.scratch{clear:both; height:0; visibility:hidden; margin:0; padding:0;}
/* clearfix@*/
.clearfix:after {  content: "."; 
 display: block; height: 0;clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
.line-full{ width:650px;margin:5px auto;}

/* リンク*/
a{overflow:hidden;}

/* ===========基本レイアウト====================================*/
body{width:100%;background-color: #000;
background-image: url(../img/bg-all.jpg);
background-repeat: repeat-y;background-position: left top;
}
#container-all{width:100%;
background:url(../img/bg-container-all.png) no-repeat fixed;
background-position:left 50px;
}

/* 2*/
.containerbox2{ width:610px; margin:0 auto;}
.containerbox2-1{ width:300px; float:left;}
.containerbox2-2{ width:300px; float:right;}

/* 2（左小）*/
.containerbox2ls{ width:610px; margin:0 auto;}
.containerbox2ls-1{ width:196px; float:left;}
.containerbox2ls-2{ width:404px; float:right;}

/* 3*/
.containerbox3{width:610px; margin-top:10px; margin:10px auto;}
.containerbox3-1{width:196px; float:left; margin-right:11px;}
.containerbox3-2{width:196px; float:left;}
.containerbox3-2s{width:403px; float:left;}
.containerbox3-3{width:196px; float:right;}

/* 4*/
.containerbox4{width:610px; margin-top:10px; margin:10px auto;}
.containerbox4-1{width:145px; float:left; margin-right:10px;}
.containerbox4-2{width:145px; float:right;}

/* ==========ヘッダー==============================================*/
#container-header{
width:100%;height: 70px; margin:15px 0;
border-top: 2px solid #C90;
border-bottom: 2px solid #C90;
background-image:url(../img/bg-bk_alpha50.png); background-repeat:repeat;
}
#header{
width:860px;margin:0 auto;
}
#header a{display:block;height: 70px;}
#header h1{position:relative;display:block;width:260px;height:70px; float:left;
background-image: url(../img/logo_kyoto-ac.png); background-repeat:no-repeat;
text-indent: -9999px;}

/*--------------------------------------------------検索*/
#search-box{width:200px; float:right; margin:10px 0;}

/* ==========ナビゲーション=======================================*/
#container-navi-menu{width:100%;height:30px; padding:5px 0;
border-top: 1px solid #D40;clear: both;
}
#navi-menu{width:860px;display:block;margin:0 auto;
}
#navi-menu ul{ margin-left:0;}
#navi-menu li{float:left;list-style:none;}
#navi-menu a{text-decoration:none;display:block; color:#FFF; 
margin:1px; padding:5px 0;text-align:center; 
border:1px solid #663366;background-image:url(../img/bg-bk_alpha50.png);}
#navi-menu a:hover{
border:1px solid #009999;background-image:url(../img/bg-leftnavi.png);}

#menu-1 a{width:198px;background-position:0 0px;}
#menu-1 a:hover{background-position:0 -35px;}

#menu-2 a{width:160px;background-position:-202px 0px;}
#menu-2 a:hover{background-position:-202px -35px;}

#menu-3 a{width:160px;background-position:-364px 0px;}
#menu-3 a:hover{background-position:-344px -35px;}

#menu-4 a{width:160px;background-position:-526px 0px;}
#menu-4 a:hover{background-position:-516px -35px;}

#menu-5 a{width:162px;background-position:-688px 0px;}
#menu-5 a:hover{background-position:-688px -35px;}

/* ===========メインコンテンツ=======================================*/
#container{	background-repeat:repeat-y;width: 880px;margin:0 auto;}

#container-main{width:860px;margin:0 auto;
}
#content-main{width:650px;margin:0 auto;}
#container-w{width:610px;margin:0 auto;
color:#333;	background-color:#FFF;padding: 20px;}
#container-bk_alpha50{width:650px;margin:0 auto;
background-image:url(../img/bg-bk_alpha50.png); background-repeat:repeat;
}
#container-bk_alpha75{width:650px;margin:0 auto; color:#fff;
background-image:url(../img/bg-bk_alpha75.png); background-repeat:repeat;
}
/* ===========container-right=======================================*/
/*-------------------------------container-right*/
#container-right{float:right;width:650px;margin-left: 0;
}

/*--------------------------------------------------p*/
#pankuzu{ font-size:93%;color:#fff; text-align:right; margin-bottom:7px;}
#pankuzu a:link{text-decoration:none;color:#fff;}
#pankuzu a:visited{text-decoration:none;color:#fff;}
#pankuzu a:hover{text-decoration:underline;color:#fff;}

/* ===========container-left=======================================*/
#container-left{float:left;width:200px;
}
#container-left_main{width:200px;	
background-image:url(../img/bg-bk_alpha50.png); background-repeat:repeat;
}
#container-left_bottom{width:200px; height:200px;
background-image:url(../img/bg-sidemenu-bottom.png); background-repeat:no-repeat;}

/*-------------------------------container-left*/
#container-left hr{color:#F6F;}
#container-left h2{font-size:93%; color:#FFF; padding:3px 0; text-align:center;border-bottom:1px solid #FFF;}
#container-left h3{width:190px;padding:5px 0 5px 10px;display:block; margin-top:4px;
font-size:93%;color:#FFF;border-bottom:1px solid #FFF; border-top:1px solid #FFF; 
background-image:url(../img/bg-leftnavi.png);}

#container-left li{width:200px;margin:0; border-bottom:1px dotted #FFF;}
#container-left li a{width:180px;padding:5px 0 5px 20px;display:block;}

#container-left li p{width:200px;margin:0;font-size:100%;}
#container-left li p a{width:170px;padding:5px 0 5px 30px;display:block;}
#container-left li p a:hover{color:#FFF; background-image:none; text-decoration:underline;}

#container-left a{font-size:93%;color:#FFF; text-decoration:none;}
#container-left a:link{color:#FFF;}
#container-left a:hover{color:#FFF; background-image:url(../img/bg-leftnavi_on.png);}
#container-left a:visited{color:#FFF;}

#leftnavi-info{ margin:10px auto; padding:5px;width:176px;
border:2px solid #FFF;}
#leftnavi-info h3{ background-image:none; width:176px; border:none; color:#FFF;}
#leftnavi-info p{color:#FFF; margin:5px 0 5px 10px; line-height:1.5;}
#leftnavi-info em{color:#FFF; font-weight:bold; font-size:160%;}
#leftnavi-info a{font-size:108%;color:#FFF; text-decoration:none;}
#leftnavi-info a:hover{color:#FFF; background-image:none; text-decoration:underline;}
#mailicon { background-image:url(../img/leftnavi-mailicon.png); background-repeat:no-repeat;
text-indent:35px;}
#mailicon a:hover{ text-decoration:underline;}

.left-bunner{ width:196px; margin:5px auto;}
/* ================= フッター==================================*/
#footer{width:100%;margin:0 auto;}
#footer-navi{clear: both; text-align: center;
font-size: 93%;color: #FFF;padding-bottom: 5px;padding-top: 20px;
}
#footer-navi a:link{text-decoration:none;color:#FFF;}
#footer-navi a:visited{text-decoration:none;color:#FFF;}
#footer-navi a:hover{text-decoration:underline;color:#FFF;}
#footer-copyrights{border-top:1px solid #C00;text-align:center;
font-size: 85%;color:#FFF;font-family: Arial, Helvetica, sans-serif;
padding: 5px 0;}

/* =================ページトップ==================================*/
.pagetop{clear: both; font-size:93%; width:630px;
text-align: right;	margin: 10px;}
.pagetop a:link{text-decoration:none; color:#fff;}
.pagetop a:visited{text-decoration:none; color:#fff;}
.pagetop a:hover{text-decoration:underline; color:#fff;}

.pagetop-w{clear: both; font-size:93%;	width:610px;
text-align: right;	margin: 0px;}
.pagetop-w a:link{text-decoration:none; color:#666;}
.pagetop-w a:visited{text-decoration:none; color:#666;}
.pagetop-w a:hover{text-decoration:underline; color:#F60;}

.pagetop-left{clear: both; font-size:93%; width:200px;
text-align: center; padding:10px 0;}
.pagetop-left a:link{text-decoration:none; color:#fff;}
.pagetop-left a:visited{text-decoration:none; color:#fff;}
#container-left .pagetop-left a:hover{ background:none;text-decoration:underline; color:#fff;}
