/*--- YUI RESET CSS ---*/
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;
}

/*--- font ---*/
body{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size:12px;
line-height:130%;
letter-spacing:0.05em;/*文字間隔*/
word-spacing:0.3em;/*単語感覚*/
}
/*IE6 or sooner*/
* html body{
font-size:75%;
}


img{
vertical-align:bottom;
}
.clr {
    clear: both;
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: 0 -1px -1px 0;
    border: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}


html{
height:100%;
}
body{
width:100%;
height:100%;
position:relative;
}
html>body{
width:auto;
min-width:100%;
height:auto;
min-height:100%;
}

/*-----   header   -----*/
#headerwrapp{
width:100%;
background:#000000;
margin-bottom:38px;
}
html>body #headerwrapp{
width:auto;
min-width:100%;
}
#headerwrapp #header{
width:868px;
margin:0 auto;
background:#000000;
}
#headerwrapp #header .p1{
width:176px;
float:left;
}
#headerwrapp #header .p2{
width:312px;
float:right;
}

/*-----   footer   -----*/
#footerwrapp{
position:absolute;
bottom:0;
width:100%;
background:#000000;
}
#footerwrapp #pagetopwrapp{
background:#ffffff;
}
#footerwrapp #pagetopwrapp p{
width:855px;
padding-right:13px;
margin:0 auto;
background:#ffffff;
text-align:right;
}
#footerwrapp #footer{
width:868px;
padding-top:30px;
margin:0 auto;
background:#000000;
}
#footerwrapp #footer .left{
width:541px;
float:left;
height:165px;
}
#footerwrapp #footer .right{
width:320px;
float:right;
text-align:right;
}
#footerwrapp #footer>.left{
height:auto;
min-height:165px;
}
#footerwrapp #footer .left #st-kyouto{
width:310px;
float:left;
}
#footerwrapp #footer .left #st-osaka{
width:224px;
float:right;
}
#footerwrapp #footer .left * .p1{
margin-bottom:25px;
}
#footerwrapp #footer .left * .p2{
color:#ffffff;
margin-bottom:15px;
}
#footerwrapp #footer .left * .p3{
margin-bottom:8px;
}

#footerwrapp #footer .right .p1{
margin-bottom:30px;
}
#footerwrapp #copyrightwrapp{
width:868px;
background:#000000;
margin:0 auto;
}

#footerwrapp #copyrightwrapp #copyright{
text-align:right;
padding-bottom:14px;
color:#808080;
font-size:80%;
letter-spacing:0;
word-spacing:0;
line-height:100%;
}

#contents-wrapp{
width:799px;
height:auto;
padding-bottom:270px;
margin:0 auto;
}
#contents-wrapp #contents-header{
border-bottom:solid 1px #000000;
padding-bottom:40px;
margin-bottom:52px;
}

#contents-wrapp #mainarea{
width:504px;
float:left;
}
#contents-wrapp #smarea{
width:258px;
float:right;
}
#contents-wrapp #smarea .sm-box{
margin:0 0 52px;
}
#contents-wrapp #smarea .sm-box p{
margin-bottom:12px;
}
#contents-wrapp #smarea .sm-box li{
margin-bottom:8px;
}
#contents-wrapp #smarea .sm-box li ul{
margin-left:1em;
}
#contents-wrapp #smarea .sm-box li a{
text-decoration:none;
color:#000000;
}
#contents-wrapp #smarea .sm-box li a:hover{
text-decoration:underline;
}

#contents-wrapp #mainarea .text-item{
	margin-bottom:32px;
	border-bottom:solid 1px #7f7f7f;
}
#contents-wrapp #mainarea .text-head{
margin-bottom:38px;
}
#contents-wrapp #mainarea .text-head p{
font-size:120%;
margin-bottom:8px;
}
#contents-wrapp #mainarea .text-head h2{
font-size:150%;
font-weight:bold;
}
#contents-wrapp #mainarea .text-head h2 a{
color:#000000;
text-decoration:none;
}
#contents-wrapp #mainarea .text-head h2 a:hover{
text-decoration:underline;
}
#contents-wrapp #mainarea .text-foot1{
	margin:0 8px 10px 0;
	text-align:right;
	color:#a4a4a4;
}
#contents-wrapp #mainarea .text-foot1 a{
color:#a4a4a4;
}
#contents-wrapp #mainarea .text-foot1 a:hover{
color:#000000;
}
/*#contents-wrapp #mainarea .text-foot2{
	margin:0 0 30px 0;
	text-align:center;
	padding: 24px 0 0;
}
#contents-wrapp #mainarea .text-foot2 a{
color:#a4a4a4;
}
#contents-wrapp #mainarea .text-foot2 a:hover{
color:#000000;
}
*/
#contents-wrapp #mainarea .text-body{
margin-bottom:30px;
}
#contents-wrapp #mainarea .text-body *{
line-height:130%;
}
/*
#contents-wrapp #mainarea .text-body a{
color:#21a8fa;
}
#contents-wrapp #mainarea .text-body p{
margin-bottom:1em;
}
#contents-wrapp #mainarea .text-body ul{
margin:1em 0;
margin-left:1em;
list-style:disc;
}
#contents-wrapp #mainarea .text-body ul li{
margin-bottom:0.5em;
}*/
#contents-wrapp #mainarea .text-body h1{
font-size:2em;
font-weight:bolder;
margin:.67em 0;
}
#contents-wrapp #mainarea .text-body h2{
font-size:1.5em;
font-weight:bolder;
margin:.83em 0;
}
#contents-wrapp #mainarea .text-body h3{
font-size:1.17em;
font-weight:bolder;
margin:1em 0;
}
#contents-wrapp #mainarea .text-body h4{
font-weight:bolder;
margin:1.33em 0;
}
#contents-wrapp #mainarea .text-body h5{
font-size:.83em;
font-weight:bolder;
margin:1.67em 0;
}
#contents-wrapp #mainarea .text-body h6{
font-size:.67em;
font-weight:bolder;
margin:2.33em 0;
}
#contents-wrapp #mainarea .text-body p{
margin-bottom:0.8em;
}
#contents-wrapp #mainarea .text-body ul,#contents-wrapp #mainarea .text-body dir,#contents-wrapp #mainarea .text-body menu{
list-style-type:disc;
margin:1em 0;
margin-left:1.5em;
}
#contents-wrapp #mainarea .text-body ol{
list-style-type:decimal;
margin:1em 0;
margin-left:1.5em;
}
#contents-wrapp #mainarea .text-body dl{
margin:1em 0;
}
#contents-wrapp #mainarea .text-body dd{
margin-left:40px;
}

#contents-wrapp #mainarea .text-body ul ul,#contents-wrapp #mainarea .text-body ol ul,#contents-wrapp #mainarea .text-body dir ul,#contents-wrapp #mainarea .text-body menu ul,#contents-wrapp #mainarea .text-body dl ul{margin-top:0;margin-bottom:0;}
#contents-wrapp #mainarea .text-body ul ul,#contents-wrapp #mainarea .text-body ol ul,#contents-wrapp #mainarea .text-body dir ul,#contents-wrapp #mainarea .text-body menu ul{list-style-type:circle}
#contents-wrapp #mainarea .text-body li{
display:list-item;
}
#contents-wrapp #mainarea .text-body a{
color:#2291C9;
text-decoration:underline;
}
#contents-wrapp #mainarea .text-body a:hover{
color:#999999;
}


#contents-wrapp #mainarea #comment-list{
	padding: 28px 0  0;
	margin-bottom:48px;
}
#contents-wrapp #mainarea #comment-list h3{
margin-bottom:8px;
}
#contents-wrapp #mainarea #comment-list .comment-list-item{
border-bottom:solid 1px #7f7f7f;
padding:0 3px 8px;
margin-bottom:12px;
}
#contents-wrapp #mainarea #comment-list .comment-list-item a{
color:#21a8fa;
}

#contents-wrapp #mainarea #comment-list .comment-list-item .p1{
font-size:120%;
font-weight:bold;
margin-bottom:4px;
}
#contents-wrapp #mainarea #comment-list .comment-list-item .p2{
margin-bottom:4px;
}

#contents-wrapp #mainarea #comment-box{
	margin-bottom:28px;
}
#contents-wrapp #mainarea #comment-box .comments-open-header{
margin-bottom:8px;
}
#contents-wrapp #mainarea #comment-box .p1-1,#contents-wrapp #mainarea #comment-box .p2-1,#contents-wrapp #mainarea #comment-box .p3-1{
margin:0 4px 4px;
}
#contents-wrapp #mainarea #comment-box .p1-2,#contents-wrapp #mainarea #comment-box .p2-2,#contents-wrapp #mainarea #comment-box .p3-2{
margin:0 4px 18px;
}
#contents-wrapp #mainarea #comment-box .p4 input{
padding:1px 2px;
}



#contents-wrapp #mainarea .text-foot2{
width:504px;
margin:0 0 30px 0;
text-align:center;
padding: 24px 0 0;
}
#contents-wrapp #mainarea .text-foot2 .left{
width:100px;
float:left;
text-align:left;
}
#contents-wrapp #mainarea .text-foot2 .right{
width:400px;
float:right;
text-align:right;
}
#contents-wrapp #mainarea .text-foot2 .right .right-left{
width:290px;
float:left;
text-align:center;
}
#contents-wrapp #mainarea .text-foot2 .right .right-right{
width:100px;
float:right;
text-align:right;
}
#contents-wrapp #mainarea .text-foot2 .left2{
width:250px;
float:left;
text-align:left;
}
#contents-wrapp #mainarea .text-foot2 .right2{
width:250px;
float:right;
text-align:right;
}


#contents-wrapp #mainarea .text-foot2 a{
color:#a4a4a4;
}
#contents-wrapp #mainarea .text-foot2 a:hover{
color:#000000;
}