.contentsArea {
  position: relative;
}
.contentsArea .sono1,
.contentsArea .sono2,
.contentsArea .sono3,
.contentsArea .sono4,
.contentsArea .sono5,
.contentsArea .sono6,
.contentsArea .sono7,
.contentsArea .sono8,
.contentsArea .sono9,
.contentsArea .sono10,
.contentsArea .sono11,
.contentsArea .sono12,
.contentsArea .sono13 {
  position: absolute;
}
.contentsArea .sono1 {
  top: 2%;
  left: 59%;
  right: 31%;
}
.contentsArea .sono2 {
  top: 21%;
  left: 53%;
  right: 37%;
}
.contentsArea .sono3 {
  top: 7%;
  left: 73%;
  right: 17%;
}
.contentsArea .sono4 {
  top: 25%;
  left: 42%;
  right: 48%;
}
.contentsArea .sono5 {
  top: 75%;
  left: 37%;
  right: 53%;
}
.contentsArea .sono6 {
  top: 62%;
  left: 21%;
  right: 69%;
}
.contentsArea .sono7 {
  top: 55%;
  left: 1%;
  right: 89%;
}
.contentsArea .sono8 {
  top: 49%;
  left: 21%;
  right: 69%;
}
.contentsArea .sono9 {
  top: 64%;
  left: 10%;
  right: 80%;
}
.contentsArea .sono10 {
  top: 57%;
  left: 32%;
  right: 58%;
}
.contentsArea .sono11 {
  top: 75%;
  left: 25%;
  right: 65%;
}
.contentsArea .sono12 {
  top: 77%;
  left: 15%;
  right: 75%;
}



.contentsArea img{
  max-width: 100%;
}



img.logos { display: none; }



@media screen and (max-width:640px){

p img { width: 100%; }

div.header_logo img { width: 100%; }

div.summary_box img { width: 100%; }


   img.logos { display: block; } /* miniを表示 */
   img.logo  { display: none; }  /* bigを非表示 */


p.resizeimage img { width: 40vw; }


/* 全体的な設定 ---------------------------------------------------------------- */
body {
font-size: 16px;
margin: 0px;
padding: 0px;

*font-size: small;
*font: x-small;
background-color: #FFFFFF;
font-family: 'メイリオ', Meiryo,  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
color: #333333;
text-align: center;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;

}
p, ul, ol, dl, address, blockquote, table, div, input, select, form {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

table {
font: 100%;
border-collapse: collapse;
}
td {
line-height: 1.5;
}

/***  リンク  ***/
a, a:link, a:visited, a:active {
	color: blue;
	text-decoration: underline;
}
a:hover {
color: #719D35;
position: relative;
left: 1px;
top: 1px;

}
a img {
border: 0px;
text-decoration: none;
}
/*** 半透明ボタン ***/
a:hover img {
//border: 0px;
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
}

a.static:hover {
position: relative;
left: 0px;
top: 0px;
}

.hidden { display: none; }

/* レイアウト ---------------------------------------------------------------- */

#container {
width: 100%;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#content {
	line-height: 1.5;
	width: 100%;
	overflow: hidden;
	clear: both;
	margin-top: 20px;


//margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}


/*** 本文 ***/
#alpha {
	width: 100%;
	float: none;
	margin: 0px;
	text-align: left;
}

/*** サイドバー ***/
#beta {
	width:100%;
	float: none;
	margin: 5px;
	text-align: left;
}



/***  ヘッダー  ***/

#header {
width: 100%;
height: 100px;

}
#header h1 {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-align: left;
	line-height: 11px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 22px;
	margin: 0px;
}

.header_banner {
	float: left;
	width: 468px;
}
.header_logo {
	width: 100%;
	overflow: hidden;
	float: left;
}
.header_summary {
float: left;
}

#header h2 {
  width: 520px;
  margin-left: 0px;
	margin-top: 10px;
  overflow: hidden;
}
#header h2 a{
	font-size: 27px;
	font-weight: bold;
	color: #666666;
  text-decoration: none;
}


#footer {
width: 100%;
clear: both;
background-image: url(../images/bg_footer.jpg);
background-repeat: repeat-x;
height: 65px;
text-align: center;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
}

#footer_link{
padding-top: 10px;
width: 95%;
height: 65px;
overflow: hidden;
color: #666666;
text-align: center;
margin-right: auto;
margin-left: auto;
}

#footer_link a:link,
#footer_link a:visited {
color: #666666;
}

#footer_link a:active,
#footer_link a:hover{
color: #FF6633;
}

#footer-summary {
font-size: 16px;
color: #666666;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}

/***  パンくずリスト ***/           


#pan-list {
	width: 100%;
	clear: both;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 17px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#pan-list ul {
	margin: 0px;
	padding: 0px;
}
#pan-list ul li {
	list-style-type: none;
	background-repeat: no-repeat;
	float: left;
	font-size: 11px;
	padding-right: 10px;
	margin: 0px;
	background-image: url(../images/linkarrow1.gif);
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 11px;
}


/* ランキング枠  ---------------------------------------------------------------- */



.ranking1{
	background-image: url(../images/ranking1.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 50px;
}

.ranking2{
	background-image: url(../images/ranking2.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 50px;
}

.ranking3{
	background-image: url(../images/ranking3.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 50px;
}
.ranking4{
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 50px;
}
.ranking5{
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 50px;
}


.banner_box {
	margin-right: 15px;
	padding: 0px;
	float: left;
}

.summary_box {
	float: none;
	width: 100%;
	overflow: hidden;
}


/* 枠  ---------------------------------------------------------------- */
.box1 {
	border: 1px solid #CCC;
  margin-top: 8px;
  padding-bottom: 10px;
}

.box3 {
float: left;
width: 420px;
}


.box-frame {
padding: 2px;
border: 1px solid #CCCCCC;
}


.box4 {
width: 250px;
float: left;
}

.box_more {
font-weight: bold;
}

.box_more a{
padding: 1px 2px 1px 2px;
text-decoration: none;
color: #666666;
border: 1px solid #CCCCCC;
}

.box_more a:hover{
padding: 1px 2px 1px 2px;
text-decoration: none;
color: #FF6633;
border: 1px solid #FF6666;
position: relative;
left: 0px;
top: 0px;
}

/* 余白  ---------------------------------------------------------------- */
.in-t5 {
padding-top: 5px;
}
.in-t8 {
padding-top: 8px;
}
.in-t10 {
padding-top: 10px;
}
.in-r10 {
margin-right: 10px;
}
.in-l15 {
margin-left: 15px;
}
.in-l10 {
margin-left: 10px;
}
.in-l5 {
margin-left: 5px;
}
.in-tb10 {
padding-top: 10px;
padding-bottom: 10px;
}
.in10 {
margin: 10px;
}


/* フォント  ---------------------------------------------------------------- */
.font_r {
color: #CC0000;
}
.font_rb {
color: #CC0000;
font-weight: bold;
}
.font_rbb {
color: #C41442;
font-weight: bold;
font-size: 1.1em;
}
.font_b4 {
font-weight: bold;
font-size: 1.4em;
}

.font_b3 {
font-weight: bold;
font-size: 1.3em;
}
.font_bb {
font-weight: bold;
font-size: 1.2em;
}

.font_09 {
font-size: 0.9em;
}

.font_pb{
  color: #FF1493;
font-weight: bold;
}


/* フォント  ---------------------------------------------------------------- */

.font_01 {
color: #B6003F;
}
.font_02 {
color: #B6003F;
font-weight: bold;
}
.font_03 {
font-weight: bold;
font-size: 1.1em;
color: #B6003F;
}
.font_04 {
font-weight: bold;
font-size: 1.2em;
color: #B6003F;
}
.font_05 {
font-weight: bold;
border-bottom: double #B6003F 3px;
}
.font_06 {
font-weight: bold;
border-bottom: dotted #B6003F 1px;
}
.font_07 {
font-weight: bold;
border-bottom: dotted #B6003F 2px;
}
.font_08 {
font-weight: bold;
border-bottom: dashed #B6003F 1px;
}
.font_09{
font-weight: bold;
background-color: #FFE6EE;
}

.font_10 {
color: #19449D;
}
.font_11 {
color: #19449D;
font-weight: bold;
}
.font_12 {
font-weight: bold;
font-size: 1.1em;
color: #19449D;
}
.font_13 {
font-weight: bold;
font-size: 1.2em;
color: #19449D;
}
.font_14 {
font-weight: bold;
border-bottom: double #0066CC 3px;
}
.font_15 {
font-weight: bold;
border-bottom: dotted #0066CC 1px;
}
.font_16 {
font-weight: bold;
border-bottom: dotted #0066CC 2px;
}
.font_17 {
font-weight: bold;
border-bottom: dashed #0066CC 1px;
}
.font_18{
font-weight: bold;
background-color: #D2E9FF;
}

.font_19 {
color: #709735;
}
.font_20 {
color: #709735;
font-weight: bold;
}
.font_21 {
font-weight: bold;
font-size: 1.1em;
color: #709735;
}
.font_22 {
font-weight: bold;
font-size: 1.2em;
color: #709735;
}
.font_23 {
font-weight: bold;
border-bottom: double #93C14D 3px;
}
.font_24 {
font-weight: bold;
border-bottom: dotted #93C14D 1px;
}
.font_25 {
font-weight: bold;
border-bottom: dotted #93C14D 2px;
}
.font_26 {
font-weight: bold;
border-bottom: dashed #93C14D 1px;
}
.font_27{
font-weight: bold;
background-color: #EAF3DC;
}

.font_28 {
color: #FF6600;
}
.font_29 {
color: #FF6600;
font-weight: bold;
}
.font_30 {
font-weight: bold;
font-size: 1.1em;
color: #FF6600;
}
.font_31 {
font-weight: bold;
font-size: 1.2em;
color: #FF6600;
}
.font_32 {
font-weight: bold;
border-bottom: double #FF9900 3px;
}
.font_33 {
font-weight: bold;
border-bottom: dotted #FF9900 1px;
}
.font_34 {
font-weight: bold;
border-bottom: dotted #FF9900 2px;
}
.font_35 {
font-weight: bold;
border-bottom: dashed #FF9900 2px;
}
.font_36{
font-weight: bold;
background-color: #FFFFCC;
}

/* チェックポイント枠  ---------------------------------------------------------------- */

.checkpoint_top h3 {
background-image: url(../images/check_point_top.jpg);
background-repeat: no-repeat;
padding: 15px 0px 0px 30px;
margin: 0px;
height: 39px;
box-sizing: border-box;
font-size: 18px;
font-weight: bold;
color: #B6003F;
overflow: hidden;
width: 603px;
line-height: inherit;
}


.checkpoint_line {
background-image: url(../images/check_point_line.jpg);
background-repeat: no-repeat;
padding-left: 50px;
padding-top: 10px;
margin: 0px;
height: 26px;
font-size: 16px;
font-weight: bold;
}

.checkpoint_bottom {
background-image: url(../images/check_point_bottom.jpg);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
height: 31px;
}



/* float  ---------------------------------------------------------------- */
.float-l {
float: left;
}
.float-l10r {
float: left;
margin-right: 10px;
}
.float-r {
float: right;
}
.float-r10r {
float: right;
margin-right: 10px;
}

/* clear  ---------------------------------------------------------------- */
#dd:after,
#content:after,
.ranking_box:after,
.box1:after,
.box3:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
overflow: hidden;
}

.clear {
   clear : both;  
}

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

/* 線  ---------------------------------------------------------------- */
.dotline {
background-image: url(../images/dotline.gif);
background-repeat: repeat-x;
background-position: center;
clear: both;
}

.dotline_b {
background-image: url(../images/dotline_blue.gif);
background-repeat: repeat-x;
background-position: bottom;
clear: both;
}

/***  テーブル  ***/
table {
border-collapse: collapse;
}
table.ta1 {
	border-collapse: collapse;
	width: 95%;
	line-height: normal;
	margin-right: auto;
	margin-left: auto;
}

table.ta2 {
	border-collapse: collapse;
	width: 600px;
	line-height: normal;
//	margin-left: auto;
//	margin-right: auto;
}

th.t1,td.t1 {
padding: 5px;
vertical-align: top;
border: 1px solid #CCCCCC;
}
th.t2,td.t2 {
padding: 5px;
background-color: #E9F4FC;
vertical-align: top;
border: 1px solid #CCCCCC;
}

th.borles,td.borles {
	padding: 3px;
	vertical-align: top;
}

/* インデント  ---------------------------------------------------------------- */
.ind_1em {
padding-left: 1em;
}
.ind_b1em {
text-indent: -1em;
padding-left: 1em;
}

/* サイドメニュー  ---------------------------------------------------------------- */
         

.menulink {
	margin: 0px;
	padding: 0px;
}

.menulink li {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style: none;
	background-image: url(../images/bg_menu1_b.gif);
	background-position: bottom;
}

.menulink li a {
	background-image: url(../images/linkarrow1.gif);
	background-repeat: no-repeat;
	padding-left: 25px;
	display: block;
	background-position: 10px center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: normal;
	color: #333;
}
.menulink li a:hover {
	background-image: url(../images/linkarrow2.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	color: #FF6633;
}



.menulink_sub {
	margin: 0px;
	padding: 0px;
}

.menulink_sub li {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style: none;
	background-image: url(../images/bg_menu1_b.gif);
	background-position: bottom;
}

.menulink_sub li a {
	background-image: url(../images/linkarrow1.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	display: block;
	background-position: 20px center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: normal;
	color: #333;
}
.menulink_sub li a:hover {
	background-image: url(../images/linkarrow2.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	color: #FF6633;
}



/* ブログ表示用タイトル  ---------------------------------------------------------------- */

.title1 {
 font-size: 1.3em;
 font-weight: bold;
 background-image: url(../images/title1.gif);
 background-repeat: no-repeat;
 padding-top: 10px;
 padding-left: 25px;
 color: #666;
 height: 32px;
 width: auto;
 overflow: hidden;
}
.title2 {
font-weight: bold;
background-image: url(../images/point1.gif);
background-repeat: no-repeat;
font-size: 1.2em;
text-align: bottom;
color: #F59E91;
padding-top: 0px;
padding-left: 30px;
border-bottom: 2px solid mistyrose;
}

.blog_title{
 font-size: 1.2em;
 font-weight: bold;
 padding-top: 8px;
 padding-left: 35px;
 color: #666;
 height: 30px;
 width: auto;
 overflow: hidden;
 background-color: #EEEEEE;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-bottom-color: #CCC;
 border-left-color: #CCC;
}

.blog_title a{
text-decoration: none;
color: #719D35;
font-weight: bold;
}

.blog_title a:hover{
	text-decoration: none;
	color: #FF6633;
	position: relative;
	left: 0px;
	top: 0px;
}

.title_botton1 {
 font-size: 18px;
 font-weight: bold;
 background-image: url(../images/bg_button1.gif);
 background-repeat: no-repeat;
 vertical-align: middle;
 height: 32px;
 width: 600px;
 padding-left: 27px;
 text-align: left;
 margin-right: auto;
 margin-left: auto;
 padding-top: 13px;
 line-height: 18px;
 margin-top: 10px;
}

/* リンク矢印  ---------------------------------------------------------------- */

.linkarrow a {
background-image: url(../images/linkarrow1.gif);
background-repeat: no-repeat;
padding-left: 10px;
display: block;
background-position: 0px 0px;
float: right;
}
.linkarrow a:hover {
background-image: url(../images/linkarrow2.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 1px 1px;
}

}




























@media screen and (min-width:641px){




   img.logos { display: none; }  /* miniを非表示 */
   img.logo  { display: block; } /* bigを表示 */

p.resizeimage img { width: 20vw; }


/* 全体的な設定 ---------------------------------------------------------------- */
body {
font-size: 16px;
margin: 0px;
padding: 0px;

*font-size: small;
*font: x-small;
background-color: #FFFFFF;
font-family: 'メイリオ', Meiryo,  'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif;
color: #333333;
text-align: center;
background-image: url(../images/bg.jpg);
background-repeat: repeat-x;

}
p, ul, ol, dl, address, blockquote, table, div, input, select, form {
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
}

table {
font: 100%;
border-collapse: collapse;
}
td {
line-height: 1.5;
}

/***  リンク  ***/
a, a:link, a:visited, a:active {
	color: blue;
	text-decoration: underline;
}
a:hover {
color: #719D35;
position: relative;
left: 1px;
top: 1px;

}
a img {
border: 0px;
text-decoration: none;
}
/*** 半透明ボタン ***/
a:hover img {
//border: 0px;
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
}

a.static:hover {
position: relative;
left: 0px;
top: 0px;
}

.hidden { display: none; }

/* レイアウト ---------------------------------------------------------------- */

#container {
width: 1000px;
text-align: left;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#content {
	line-height: 1.5;
	width: 1000px;
	overflow: hidden;
	clear: both;
	margin-top: 20px;


//margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}


/*** 本文 ***/
#alpha {
	width: 740px;
	float: left;
	margin: 0px;
	text-align: left;
}

/*** サイドバー ***/
#beta {
	width:240px;
	float: right;
	margin-left: 20px;
	text-align: left;
}



/***  ヘッダー  ***/

#header {
width: 1000px;
height: 100px;

}
#header h1 {
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	text-align: left;
	line-height: 11px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 22px;
	margin: 0px;
}

.header_banner {
	float: left;
	width: 468px;
}
.header_logo {
	width: 1000px;
	overflow: hidden;
	float: left;
}
.header_summary {
float: left;
}

#header h2 {
  width: 520px;
  margin-left: 0px;
	margin-top: 10px;
  overflow: hidden;
}
#header h2 a{
	font-size: 27px;
	font-weight: bold;
	color: #666666;
  text-decoration: none;
}


#footer {
width: 100%;
clear: both;
background-image: url(../images/bg_footer.jpg);
background-repeat: repeat-x;
height: 65px;
text-align: center;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
}

#footer_link{
padding-top: 10px;
width: 95%;
height: 65px;
overflow: hidden;
color: #666666;
text-align: center;
margin-right: auto;
margin-left: auto;
}

#footer_link a:link,
#footer_link a:visited {
color: #666666;
}

#footer_link a:active,
#footer_link a:hover{
color: #FF6633;
}

#footer-summary {
font-size: 11px;
color: #666666;
padding-top: 3px;
padding-bottom: 3px;
text-align: center;
}

/***  パンくずリスト ***/           


#pan-list {
	width: 1000px;
	clear: both;
	padding-left: 5px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	height: 17px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#pan-list ul {
	margin: 0px;
	padding: 0px;
}
#pan-list ul li {
	list-style-type: none;
	background-repeat: no-repeat;
	float: left;
	font-size: 11px;
	padding-right: 10px;
	margin: 0px;
	background-image: url(../images/linkarrow1.gif);
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 11px;
}


/* ランキング枠  ---------------------------------------------------------------- */

.ranking_box {
height: 252px;
overflow: hidden;
width: 630px;
clear: both;
line-height: normal;
margin-top: 8px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding-left: 10px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 10px;
border: 1px solid #CCCCCC;
}

.ranking_title{
font-weight: bold;
font-size: 1.3em;
color: #333333;
}

.ranking1{
	background-image: url(../images/ranking1.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 30px;
}

.ranking2{
	background-image: url(../images/ranking2.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 30px;
}

.ranking3{
	background-image: url(../images/ranking3.gif);
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 30px;
}
.ranking4{
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 30px;
}
.ranking5{
	display: block;
	overflow: hidden;
	padding-left: 34px;
	padding-top: 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #F59E91;
	background-position: 5px 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: mistyrose;
	height: 30px;
}


.banner_box {
	margin-right: 15px;
	padding: 0px;
	float: left;
}

.summary_box {
	float: left;
	width: 700px;
	overflow: hidden;
}

/* 枠  ---------------------------------------------------------------- */
.box1 {
	border: 1px solid #CCC;
  margin-top: 8px;
  padding-bottom: 10px;
}

.box3 {
float: left;
width: 420px;
}


.box-frame {
padding: 2px;
border: 1px solid #CCCCCC;
}


.box4 {
width: 250px;
float: left;
}

.box_more {
font-weight: bold;
}

.box_more a{
padding: 1px 2px 1px 2px;
text-decoration: none;
color: #666666;
border: 1px solid #CCCCCC;
}

.box_more a:hover{
padding: 1px 2px 1px 2px;
text-decoration: none;
color: #FF6633;
border: 1px solid #FF6666;
position: relative;
left: 0px;
top: 0px;
}

/* 余白  ---------------------------------------------------------------- */
.in-t5 {
padding-top: 5px;
}
.in-t8 {
padding-top: 8px;
}
.in-t10 {
padding-top: 10px;
}
.in-r10 {
margin-right: 10px;
}
.in-l15 {
margin-left: 15px;
}
.in-l10 {
margin-left: 10px;
}
.in-l5 {
margin-left: 5px;
}
.in-tb10 {
padding-top: 10px;
padding-bottom: 10px;
}
.in10 {
margin: 10px;
}


/* フォント  ---------------------------------------------------------------- */
.font_r {
color: #CC0000;
}
.font_rb {
color: #CC0000;
font-weight: bold;
}
.font_rbb {
color: #C41442;
font-weight: bold;
font-size: 1.1em;
}
.font_b4 {
font-weight: bold;
font-size: 1.4em;
}

.font_b3 {
font-weight: bold;
font-size: 1.3em;
}
.font_bb {
font-weight: bold;
font-size: 1.2em;
}

.font_09 {
font-size: 0.9em;
}

.font_pb{
  color: #FF1493;
font-weight: bold;
}


/* フォント  ---------------------------------------------------------------- */

.font_01 {
color: #B6003F;
}
.font_02 {
color: #B6003F;
font-weight: bold;
}
.font_03 {
font-weight: bold;
font-size: 1.1em;
color: #B6003F;
}
.font_04 {
font-weight: bold;
font-size: 1.2em;
color: #B6003F;
}
.font_05 {
font-weight: bold;
border-bottom: double #B6003F 3px;
}
.font_06 {
font-weight: bold;
border-bottom: dotted #B6003F 1px;
}
.font_07 {
font-weight: bold;
border-bottom: dotted #B6003F 2px;
}
.font_08 {
font-weight: bold;
border-bottom: dashed #B6003F 1px;
}
.font_09{
font-weight: bold;
background-color: #FFE6EE;
}

.font_10 {
color: #19449D;
}
.font_11 {
color: #19449D;
font-weight: bold;
}
.font_12 {
font-weight: bold;
font-size: 1.1em;
color: #19449D;
}
.font_13 {
font-weight: bold;
font-size: 1.2em;
color: #19449D;
}
.font_14 {
font-weight: bold;
border-bottom: double #0066CC 3px;
}
.font_15 {
font-weight: bold;
border-bottom: dotted #0066CC 1px;
}
.font_16 {
font-weight: bold;
border-bottom: dotted #0066CC 2px;
}
.font_17 {
font-weight: bold;
border-bottom: dashed #0066CC 1px;
}
.font_18{
font-weight: bold;
background-color: #D2E9FF;
}

.font_19 {
color: #709735;
}
.font_20 {
color: #709735;
font-weight: bold;
}
.font_21 {
font-weight: bold;
font-size: 1.1em;
color: #709735;
}
.font_22 {
font-weight: bold;
font-size: 1.2em;
color: #709735;
}
.font_23 {
font-weight: bold;
border-bottom: double #93C14D 3px;
}
.font_24 {
font-weight: bold;
border-bottom: dotted #93C14D 1px;
}
.font_25 {
font-weight: bold;
border-bottom: dotted #93C14D 2px;
}
.font_26 {
font-weight: bold;
border-bottom: dashed #93C14D 1px;
}
.font_27{
font-weight: bold;
background-color: #EAF3DC;
}

.font_28 {
color: #FF6600;
}
.font_29 {
color: #FF6600;
font-weight: bold;
}
.font_30 {
font-weight: bold;
font-size: 1.1em;
color: #FF6600;
}
.font_31 {
font-weight: bold;
font-size: 1.2em;
color: #FF6600;
}
.font_32 {
font-weight: bold;
border-bottom: double #FF9900 3px;
}
.font_33 {
font-weight: bold;
border-bottom: dotted #FF9900 1px;
}
.font_34 {
font-weight: bold;
border-bottom: dotted #FF9900 2px;
}
.font_35 {
font-weight: bold;
border-bottom: dashed #FF9900 2px;
}
.font_36{
font-weight: bold;
background-color: #FFFFCC;
}

/* チェックポイント枠  ---------------------------------------------------------------- */

.checkpoint_top h3 {
background-image: url(../images/check_point_top.jpg);
background-repeat: no-repeat;
padding: 15px 0px 0px 30px;
margin: 0px;
height: 39px;
box-sizing: border-box;
font-size: 18px;
font-weight: bold;
color: #B6003F;
overflow: hidden;
width: 603px;
line-height: inherit;
}


.checkpoint_line {
background-image: url(../images/check_point_line.jpg);
background-repeat: no-repeat;
padding-left: 50px;
padding-top: 10px;
margin: 0px;
height: 26px;
font-size: 16px;
font-weight: bold;
}

.checkpoint_bottom {
background-image: url(../images/check_point_bottom.jpg);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
height: 31px;
}



/* float  ---------------------------------------------------------------- */
.float-l {
float: left;
}
.float-l10r {
float: left;
margin-right: 10px;
}
.float-r {
float: right;
}
.float-r10r {
float: right;
margin-right: 10px;
}

/* clear  ---------------------------------------------------------------- */
#dd:after,
#content:after,
.ranking_box:after,
.box1:after,
.box3:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
overflow: hidden;
}

.clear {
   clear : both;  
}

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

/* 線  ---------------------------------------------------------------- */
.dotline {
background-image: url(../images/dotline.gif);
background-repeat: repeat-x;
background-position: center;
clear: both;
}

.dotline_b {
background-image: url(../images/dotline_blue.gif);
background-repeat: repeat-x;
background-position: bottom;
clear: both;
}

/***  テーブル  ***/
table {
border-collapse: collapse;
}
table.ta1 {
	border-collapse: collapse;
	width: 95%;
	line-height: normal;
	margin-right: auto;
	margin-left: auto;
}

table.ta2 {
	border-collapse: collapse;
	width: 600px;
	line-height: normal;
//	margin-left: auto;
//	margin-right: auto;
}

th.t1,td.t1 {
padding: 5px;
vertical-align: top;
border: 1px solid #CCCCCC;
}
th.t2,td.t2 {
padding: 5px;
background-color: #E9F4FC;
vertical-align: top;
border: 1px solid #CCCCCC;
}

th.borles,td.borles {
	padding: 3px;
	vertical-align: top;
}

/* インデント  ---------------------------------------------------------------- */
.ind_1em {
padding-left: 1em;
}
.ind_b1em {
text-indent: -1em;
padding-left: 1em;
}

/* サイドメニュー  ---------------------------------------------------------------- */
         
.menulink {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bg_menu1.gif);
	background-repeat: repeat-y;
}

.menulink li {
	width: 240px;
	list-style: none;
	background-image: url(../images/bg_menu1_b.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.menulink li a {
	background-image: url(../images/linkarrow1.gif);
	background-repeat: no-repeat;
	padding-left: 35px;
	display: block;
	background-position: 20px center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: normal;
	color: #333;
}
.menulink li a:hover {
	background-image: url(../images/linkarrow2.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
	color: #FF6633;
}

.menulink_sub {
margin: 0px;
padding: 0px;
background-image: url(../images/bg_menu2.gif);
background-repeat: repeat-y;
border-top: 1px solid #CCC;
}

.menulink_sub li {
	width: 240px;
	list-style: none;
	background-image: url(../images/bg_menu1_b.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}

.menulink_sub li a {
  background-image: url(../images/linkarrow3.gif);
  background-repeat: no-repeat;
	padding-left: 35px;
	display: block;
	background-position: 20px center;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: normal;
	color: #333;
}
.menulink_sub li a:hover {
color: #FF6633;
}



/* ブログ表示用タイトル  ---------------------------------------------------------------- */

.title1 {
 font-size: 1.3em;
 font-weight: bold;
 background-image: url(../images/title1.gif);
 background-repeat: no-repeat;
 padding-top: 10px;
 padding-left: 25px;
 color: #666;
 height: 32px;
 width: auto;
 overflow: hidden;
}
.title2 {
font-weight: bold;
background-image: url(../images/point1.gif);
background-repeat: no-repeat;
font-size: 1.2em;
text-align: bottom;
color: #F59E91;
padding-top: 0px;
padding-left: 30px;
border-bottom: 2px solid mistyrose;
}

.blog_title{
 font-size: 1.2em;
 font-weight: bold;
 padding-top: 8px;
 padding-left: 35px;
 color: #666;
 height: 30px;
 width: auto;
 overflow: hidden;
 background-color: #EEEEEE;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-bottom-color: #CCC;
 border-left-color: #CCC;
}

.blog_title a{
text-decoration: none;
color: #719D35;
font-weight: bold;
}

.blog_title a:hover{
	text-decoration: none;
	color: #FF6633;
	position: relative;
	left: 0px;
	top: 0px;
}

.title_botton1 {
 font-size: 18px;
 font-weight: bold;
 background-image: url(../images/bg_button1.gif);
 background-repeat: no-repeat;
 vertical-align: middle;
 height: 32px;
 width: 600px;
 padding-left: 27px;
 text-align: left;
 margin-right: auto;
 margin-left: auto;
 padding-top: 13px;
 line-height: 18px;
 margin-top: 10px;
}

/* リンク矢印  ---------------------------------------------------------------- */

.linkarrow a {
background-image: url(../images/linkarrow1.gif);
background-repeat: no-repeat;
padding-left: 10px;
display: block;
background-position: 0px 0px;
float: right;
}
.linkarrow a:hover {
background-image: url(../images/linkarrow2.gif);
background-repeat: no-repeat;
padding-left: 10px;
background-position: 1px 1px;
}






}