@charset "utf-8";
/* *****************************
	Import CSS file.
 **************************** */
@import url('mobile.css');

/* ---------------------------------------------- */
/* Base */
/* ---------------------------------------------- */
body { margin: 0px; padding: 0px; text-align: center; font-size: 13px; color: #333; background:url(../img/bg_st.jpg) repeat; line-height: 160%; font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", "Hiragino Kaku Gothic Pro W3", "HiraKakuProN-W3", "メイリオ", "Meiryo", "Osaka", "ＭＳ ゴシック", "ＭＳ Ｐゴシック"; }
html,a,form,area,div,table,dl,dt,dd ,ul,ol,li,h1,h2,h3,h4,h5,h6,p { margin: 0px; padding: 0px; border: none; font-size: 100%; }
object { outline: none; }
img { border: none }
table { font-size: 100%; border-collapse: collapse; border-spacing: 0; text-align: left; }
ul,ul li { list-style: none; }
a { text-decoration: underline ; }
a:hover { color: #1d2080; text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; text-decoration: none; }
a:active { color: #1d2080; text-decoration: none; }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE Mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Hack */

.Clear { clear: both; }
.left { float: left; }
.right { float: right }
.img { float: left; display: inline; margin: 0px; border: none; }
/* ---------------------------------------------- */
/* Layout */
/* ---------------------------------------------- */
#wrapper { width: 960px; text-align: left; padding: 0px; margin: 10px auto 0px; text-align: left; }
/* ---------------------------------------------- */
/* contents */
/* ---------------------------------------------- */
.sitemap1 { width: 960px; height: 40px; margin: 0px auto; text-align: right; background: #52c3f1; }
.sm2 { width: 120px; height: 40px; float: right; }
.columnAll { width: 960px; margin-top: 30px; }
.columnLeft { width: 680px; margin:0px; padding: 10px; float: left; background:#fff; }
.columnRight { width: 250px; margin: 0px; float: right; background: #fff; }
.color { color:#ff0000; font-size: 11pt; }
.color3 { color:#F60; font-size: 11pt; }
.color2 { color: #ff1493; font-size: 15pt; font-weight: bold; }
/* ---------------------------------------------- */
/* Pankuzu */
/* ---------------------------------------------- */
.pankuzu { line-height: 1.3em; font-size: 12px; color: #666; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; }
/* ---------------------------------------------- */
/* header */
/* ---------------------------------------------- */
#header { padding: 0px; height: 220px; width: 960px; position: relative; background-image: url(../img/header-wa.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
#header h1,#header .title { color: #595656; font-size: 32px; line-height: 1.3em; padding: 90px 0 0 0px; text-align: center; width: 960px; }
#header h1 a:link,#header h1 a:visited,#header .title a:link,#header .title a:visited { color: #595656; text-decoration: none; }
#header h1 a:hover,#header h1 a:active,#header .title a:hover,#header .title a:active {
    color: #595656;
    text-decoration: none;
}
#header p {
    margin: 10px 0 0 0; 
    padding: 0px 0 0 50px;
    color: #000;
	font-size:14px;
    text-align: center;
    width: 700px; }


/* ---------------------------------------------- */
/* ColumnRight */
/* ---------------------------------------------- */
.contents { margin: 0; padding: 0; }
.contents h2.pageHead,.contents h1{ font-size: 24px; font-weight: bold; color: #52c3f1; background: url(../img/hana1.jpg) no-repeat 0px 0px ; padding: 5px 0px 5px 50px; margin: 15px 0px; }

.contents h3,.contents h2 { font-size: 18px; font-weight: bold; color: #fff; padding: 20px 0px 20px 20px; margin: 15px 0; background:#52c3f1; }

.contents ul li {
    color: #3684a0;
    background: url(images/li-icon.png) no-repeat 0 3px;
    padding: 0 0 0 20px;
    margin: 0;
}
.contents ol li {
    color: #3684a0;
    padding: 0 0 0 20px;
    margin-left: 30px;
}
.contents a.link {
    font-weight: bold;
    font-size: 1.3em;
    color: #0000cd;
}
.contents a:hover { text-decoration: none }


/* ---------------------------------------------- */
/* ColumnRight */
/* ---------------------------------------------- */
.columnRight h2 { width: 250px; height: 37px; background: #52c3f1; color: #fff; text-align: center; padding-top: 8px; padding-bottom: 8px; font-size: 18px; }
.menu_list { width: 250px; font-size: 13px; }
.menu_list ul.top_cat li a,.menu_list ul.top_cat li div { background: url(../img/hana6.png) no-repeat 5px center #ff9046; margin: 0px 0px 5px 0px; padding: 8px 10px 8px 30px; line-height: 30px; color:#fff; display: block; }
.menu_list ul.top_cat li a:hover { background: url(../img/hana6_h.png) no-repeat 8px center #000; display: block; }

.menu_list ul.top_cat li ul.children li a,.menu_list ul.top_cat li ul.children li div { background: url(../img/hana5.png) no-repeat 5px center #fff; padding: 5px 0 5px 30px; font-weight: normal; color: #4d4d4d; border:2px solid #52c3f1; }
.menu_list ul.top_cat li ul.children li a:hover { background: url(../img/hana5_h.png) no-repeat 5px center #fff; font-weight: normal; border:2px solid #9ee3ff; }
.menu_list ul.top_cat li ul.children li.page-item-12 a { background: url(../img/hana5.png) no-repeat 5px center #fff; padding: 5px 0 5px 30px; font-weight: bold; color:#ff0000; border:2px solid #ff9046; }

/* ---------------------------------------------- */
/* footer */
/* ---------------------------------------------- */
.footer { text-align: center; font-size: 12px; font-weight:bold; height: 20px; width: 960px; padding: 20px 0px 10px; background-color: #52c3f1; margin-top:30px; clear: both; }
.footer a:link,
.footer a:visited { color: #fff; text-decoration: none; }
.footer a:hover,
.footer a:active { color: #fff; text-decoration: none; }


.rank_sp { width: 680px; border: solid 1px #ccc; }
.rank_sp1 { width: 680px; overflow: hidden; position: relative; border-bottom: solid 1px #ccc; }
.rank_sp2 { width: 680px; overflow: hidden; position: relative; }
.rank_img { width: 315px; float: left; text-align: center; padding-top: 7px; }
.rank_hyoka { width: 364px; float: left; overflow: hidden; position: relative; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; }
.rank_hyoka2 { width: 364px; float: left; overflow: hidden; position: relative; border-left: solid 1px #ccc; }
.rank_kijun { width: 180px; height: 20px; float: left; padding: 10px 10px 10px 20px; border-right: solid 1px #ccc; background: #eee; font-weight: bold; }
.rank_kijun2 { width: 180px; height: 20px; float: left; padding: 10px 10px 10px 20px; font-weight: bold; font-size: 16px; border-right: solid 1px #ccc; background: #eee; }
.rank_hosi { width: 90px; height: 20px; float: left; padding: 10px; }
.rank_hyoka3 { width: 680px; float: left; overflow: hidden; position: relative; border-bottom: solid 1px #ccc; background: #eee; }
.rank_hyoka4 { width: 680px; float: left; overflow: hidden; position: relative; background: #eee; }
.rank_hyoka5 { width: 680px; float: left; overflow: hidden; position: relative; border-bottom: solid 1px #ccc; background: #52c3f1; }
.rank_hyoka6 { width: 680px; float: left; overflow: hidden; position: relative; border-bottom: solid 1px #ccc; line-height: 180% }
.rank_kijun3 { width: 160px; float: left; padding: 10px 10px 10px 20px; background: #eee; font-weight: bold; }
.rank_kijun4 { width: 160px; float: left; padding: 10px 10px 10px 20px; background: #52c3f1; font-weight: bold; color: #FFF; }
.rank_hosi2 { width: 468px; float: left; padding: 10px; border-left: solid 1px #ccc; background: #fff; }
.f_b { font-weight: bold;}
.f_b a { color: #30F;}
.f_b2 { font-weight: normal;}
.f_b2 a { text-decoration: none;}
.p_hana { background: url(../img/hana2.jpg) no-repeat; padding-left: 40px; margin-bottom: 15px; }
.p_hana2 { background: url(../img/hana4.jpg) no-repeat; padding-left: 40px; }
.p_hana3 { background: url(../img/hana3.jpg) no-repeat; padding-left: 40px; margin-bottom: 15px; }

.p_font1 {font-size: 16px; font-weight: bold; color:#52c3f1; padding-bottom: 15px; padding-top: 15px; }
.p_font2 {font-size: 16px; font-weight: bold; color:#666; padding-bottom: 0px; padding-top: 0px; }
.p_font3 {font-size: 16px; font-weight: bold; padding-bottom: 15px; padding-top: 15px; padding-right: 30px; text-align: right; }
.p_font3 a { text-decoration:underline; }
.p_font4 { font-size: 18px; font-weight: bold; color:#555; padding-bottom: 10px; padding-top: 20px; }
.p_font5 {font-size: 14px; font-weight: bold; color:#666; padding-bottom: 20px; padding-top: 10px; }
.p_font6 { color:#ff0000; font-size: 10pt; }
.p_font7 {font-size: 16px; font-weight: bold; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; text-align: right; }
.p_font7 a { text-decoration:underline; }
.p_font8 {font-size: 14px; font-weight: bold; color:#ff4800; padding-bottom: 20px; padding-top: 10px; }
.p_font9 {font-size: 16px; font-weight: bold; padding-bottom: 0px; padding-top: 0px; padding-right: 0px; text-align: left; }
.p_font9 a { text-decoration:underline; }
.p_font10 { font-size: 16px; color:#555; padding-bottom: 10px; padding-top: 20px; }

.sp01 { margin-top: 20px; }
.sp02 { margin-bottom: 20px; }
.sp03 { margin-top: 40px; }
.sp04 { margin-top: 50px; }
.sp05 { margin-bottom: 50px; }

.alignright { margin: 0px 0px 0px 20px;  float: right; }
.alignleft { margin: 0px 20px 0px 0px;  float: left; }

.cl { clear: both; }


/* サイトマップ */
.headerinfolist { font-size: 12px; width: 80px; margin-top: 10px; }
.headerinfolist ul { margin: 0px; padding: 0px; list-style: none; }
.headerinfolist ul li { margin: 0px; padding: 5px 5px 5px 20px; display: block; line-height: 1.0; width: 80px; height: 20px; background: url("../img/sitemap.jpg") top left no-repeat; }

/* サイトマップアイコン */
.headerinfolist ul li a { margin: 0px 0em 0px auto; display:block; }
.headerinfolist ul li a { color: #fff; text-decoration: none; }
.headerinfolist ul li a:hover{ color: #fff; text-decoration: underline; }