body{
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

html {
font-size: 62.5%;
} 

body {
font-size: 14px; font-size: 1.4rem;
} /* =14px */

h1 {
font-size: 24px; font-size: 2.4rem;
} /* =24px */

body{
-webkit-text-size-adjust: 100%;
background-color:#ffffff;
}


#wrap{
background-color:#ffffff;
padding-left:10px;
padding-right:10px;
}

/*--ヘッダー--*/
header{
background-image: url(../image_library/sp_panda.bmp);
background-repeat: repeat;
background-color: #eeeaaa;
height:55px;
border-bottom: 1px solid #eeeeee;
padding-top:55px;
margin-bottom:4px;
}

h1 {
font-size: 140%;
color: #00bfff;
text-shadow: 0px 1px 0px #000000;
text-align: center;
line-height:120%;
margin-bottom:5px;
}

/*新仮設*/
h1{ 
max-height: 100%; 
}

/*--HOMEリンク--*/
#home {
margin-left: 10px;
margin-bottom: 45px;
}

h2{
font-size:120%;
color:#ff0000;
text-align: center;
margin-bottom:30px;
}

/*--ここから県別--*/

/*---丸1赤九州---*/
#circle_1{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #ffd5ea, #ff0080);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd5ea), to(#ff0080), color-stop(1,#ff0080));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*--ここから新規--*/

/*position:relative;
position:absolute;
*/

/*---article---*/

article{
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
border: 0px solid #eeeeee;
padding-left:40px;
}

/*
article {
overflow: hidden;
}
*/


/*---九州---*/
#kiyusiyu{
position:relative;
top:0px;
left:0px;
width:100px;
border: solid 0px #000000;
}

/*---四国---*/
#sikoku{
position:relative;
top:-356px;
left:140px;
width:100px;
border: solid 0px #000000;
}

/*---沖縄---*/
#okinawa{
position:relative;
top:10px;
left:0px;
width:100px;
border: solid 0px #000000;
}

/*---中国---*/
#tiyugoku{
position:relative;
top:-336px;
left:140px;
width:100px;
border: solid 0px #000000;
}

/*---近畿---*/
#kinki{
position:relative;
top:-440px;
left:0px;
width:100px;
border: solid 0px #000000;
}

/*---中部---*/
#tiyubu{
position:relative;
top:-600px;
left:140px;
width:100px;
border: solid 0px #000000;
}

#kantou{
position:relative;
top:-800px;
left:0px;
width:100px;
border: solid 0px #000000;
}

#tohoku{
position:relative;
top:-863px;
left:140px;
width:100px;
border: solid 0px #000000;
}

#hotukaidou{
position:relative;
top:-1065px;
left:0px;
width:100px;
border: solid 0px #000000;
}

#kokuritu{
position:relative;
top:-1045px;
left:0px;
width:120px;
border: solid 0px #000000;
}

#siritu{
position:relative;
top:-1025px;
left:0px;
width:120px;
border: solid 0px #000000;
}

/*---全丸共通開始---*/
.marutext{
color:#ffffff;
font-size:120%;
font-weight:bold;
text-shadow: 0px 1px 0px #000000;
padding-top:23px;
}

.ken_area {
/*width:180px;*/
/*background-color: #ffffff;*/
/*text-align: center;*/
/*margin: 0px auto;*/
/*border: solid 1px #000000;*/
padding-top:10px;
/*margin-bottom:10px;*/
}

.ken_area {
overflow: hidden;
}

li{
font-size:120%;
/*margin-left:55px;*/
margin-bottom:15px;
}

ul{
list-style:none;
}

/*------共通終了-----------*/

/*---丸2緑四国---*/
#circle_2{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #9cff94, #00d729);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9cff94), to(#00d729), color-stop(1,#00d729));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*---丸3黒中国---*/
#circle_3{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #c6c3c6, #292429);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c6c3c6), to(#292429), color-stop(1,#292429));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*---丸4黄近畿---*/
#circle_4{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #F0E68C, #FFD700);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0E68C), to(#FFD700), color-stop(1,#FFD700));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*---丸5青中部---*/
#circle_5{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #87CEFA, #000080);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87CEFA), to(#000080), color-stop(1,#000080));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*---丸6赤関東---*/
#circle_6{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #ffd5ea, #ff0080);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd5ea), to(#ff0080), color-stop(1,#ff0080));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*---丸7東北---*/
#circle_7{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #9cff94, #00d729);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9cff94), to(#00d729), color-stop(1,#00d729));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*---丸8黒国立---*/
#circle_8{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #c6c3c6, #292429);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c6c3c6), to(#292429), color-stop(1,#292429));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*---丸9青中部---*/
#circle_9{
width:60px;
height:60px;
margin-left: auto;
margin-right: auto;
margin-bottom:20px;
text-align: center;
background-image:-moz-linear-gradient(top, #87CEFA, #000080);   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#87CEFA), to(#000080), color-stop(1,#000080));                 -webkit-border-top-left-radius: 100px;
-khtml-border-radius-topleft: 100px;
-moz-border-radius-topleft: 100px;
border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-khtml-border-radius-topright: 100px;
-moz-border-radius-topright: 100px;
border-top-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-khtml-border-radius-bottomleft: 100px;
-moz-border-radius-bottomleft: 100px;
border-bottom-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-khtml-border-radius-bottomright: 100px;
-moz-border-radius-bottomright: 100px;
border-bottom-right-radius: 100px;
}

/*------丸記述終了-------*/


#line{
color:#ffffff;
border-top: 3px solid #228b22;
margin-top:-950px;
margin-left: 10px;
margin-right: 10px;
margin-bottom:5px;
}


/*---SECTION---*/
section{
font:105%;
background-color: #ffffff;
margin-left: auto;
margin-right: auto;
border-radius:15px;
-webkit-border-radius:15px;
border: solid 3px #e8e8e8;
padding: 10px;
margin-bottom: 50px;
}

section {
overflow: hidden;
}

.title_s{
color:#ff1493;
font-size: 110%;
font-weight: bold;
}

.title_p{
color:#0000ff;
font-size: 100%;
font-weight: bold;
}

/*---下段 page top---*/
#btnTop{
border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #ffffff;
border: 1px solid #aaaaaa;
width: 110px;
padding: 12px 0px 15px 0px;
margin-left: auto;
margin-right: auto;
margin-bottom:200px;
}

#btnTop a{
font-size: 105%;
color: #ffffff;
font-weight: bold;
text-align: center;
text-shadow: 1px 1px 0 #000;
display: block;
text-decoration: none;
}

/*---PC切替---*/
#change{
font-size: 120%;
text-align: center;
border-bottom: 4px double #3CB371;
margin-bottom: 10px;
}

/*-----ここまで-----*/

a:hover{
text-decoration: underline;
}

p{
margin-bottom: 0.5em;
}

a{
text-decoration: none;
}

aside{
background-color: #fffff9;
padding: 3px 10px;
margin-left:-8px;
margin-right:-8px;
margin-bottom:3px;
}

.words{
font-size:12px;
color:#00bfff;
}

footer{
background-image: url(../image_library/footer.gif);
background-repeat: repeat;
background-color: #d6ba73;
border-top: 2px solid #f7e2b9;
margin-left:-8px;
margin-right:-8px;
}

.foot{
clear: both;
text-align: center;
font-style:italic;
font-size:90%;
padding:15px 0px;
}

/*--page top 追従--*/
#page-top {
position: fixed;
bottom: 30px;
right: 25px;
font-size: 90%;
}

#page-top a {
background: #fff;
text-decoration: none;
color: #000;
width: 80px;
padding: 20px 0;
text-align: center;
display: block;
border:3px double #000;
border-radius: 5px;
}

#page-top a:hover {
text-decoration: none;
background: #fae1f9;
}

/*---レンダリング時非表示対策＋js---*/
#page-top {
display: none;
}