@charset "utf-8";
/* ----------------
  基本設定
---------------- */
html{
	color: #000000;
	background-color: #ffffff;
	}

body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	/*font-family: Verdana, sans-serif;*/
	font-size:13px;
	*font-size:small;*font:x-small;
	line-height: 1.8;
	letter-spacing: 0;
	background-image: url(../img/haikei.jpg);
	background-repeat: repeat-x;
}

table {
     font-size: inherit; /* モダンブラウザ向け */
     font: 100%; /* Win IE 5-5.5､6(後方互換モード)向け */

}

/* テキスト両揃え

p{text-align: justify;
	text-justify: inter-ideograph;}
*/


pre,code,kbd,samp,tt {
     font-family: monospace;
     *font-size: 108%; /* Win IE全般向け */
     line-height: 100%;
}

img { border-style:none; border:0px; }
a img { border-style:none; border:0px; }

a:link { color: #033db2; text-decoration: underline; }
a:visited { color: #033db2; text-decoration: underline; }
a:hover {color: #0892e1; text-decoration: underline; }
a:active { color: #033db2; text-decoration: underline; }


ul{ margin:0px; padding:0px; list-style-type: none; }
li{ margin:0px; padding:0px; list-style-type: none; }


/*floatクリア*/
.clearfix:after{ content: ""; clear: both; display: block; }	


/* ----------------
  font
---------------- */
.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:123.1%; }
.font17 { font-size:131%; }
.font18 { font-size:138.5%; }
.font19 { font-size:146.5%; }
.font20 { font-size:153.9%; }
.font21 { font-size:161.6%; }
.font22 { font-size:167%; }
.font23 { font-size:174%; }
.font24 { font-size:182%; }
.font25 { font-size:189%; }
.font26 { font-size:197%; }

.font_w200{ font-weight: 200; }
.font_w300{ font-weight: 300; }
.font_w400{ font-weight: 400; }
.font_w600{ font-weight: 600; }
.font_w700{ font-weight: 700; }
.font_w900{ font-weight: 900; }

.font_b{ font-weight: bold; }
.font_n{ font-weight: normal; }

.font_kasen{ text-decoration: underline; }


.text_indent_e{ padding-left:0.5em; text-indent:-0.5em;}
.text_indent_j{ padding-left:1em; text-indent:-1em;}

/* ----------------
  height
---------------- */
.font_h80{line-height: 80%; }
.font_h90{line-height: 90%; }
.font_h100{line-height: 100%; }
.font_h110{line-height: 110%; }
.font_h120{line-height: 120%; }
.font_h130{line-height: 130%; }
.font_h140{line-height: 140%; }
.font_h150{line-height: 150%; }
.font_h160{line-height: 160%; }

.font_line{ text-decoration: underline; }


/* ----------------
  class font_color
---------------- */
.red { color: #d20000; }
.blue { color: #428edd; }
.blue2 { color: #1e5587; }
.blue3 { color: #0a55b4; }
.blue4 { color: #0b57b2; }
.green { color: #0fc3b4; }
.green2 { color: #008b7f; }
.gray { color: #787878; }
.gray2 { color: #3c3c3c; }
.orange{ color: #ff8c00; }
.pink { color: #ff4989; }
.white{ color: #ffffff; }
.black{ color: #000000; }


/* ----------------
  class bg_color
---------------- */

.bg_gray{ background-color: #f0f0f0; }
.bg_gray2{ background-color: #d2d2d2; }
.bg_gray3{ background-color: #b4b4b4; }
.bg_gray4{ background-color: #969696; }
.bg_gray5{ background-color: #787878; }
.bg_gray6{ background-color: #5a5a5a; }
.bg_gray7{ background-color: #3c3c3c; }


.bg_black{ background-color: #000000; }
.bg_white{ background-color: #ffffff; }
.bg_blue{ background-color: #F0F5FF; }
.bg_blue2{ background-color: #748cbd; }
.bg_yellow{ background-color: #fff8dc; }



/* ----------------
  margin
---------------- */
.box_center{ margin-right: auto; margin-left: auto; }

.left_0{ margin-left: 0px; }
.left_5{ margin-left: 5px; }
.left_10{ margin-left: 10px; }
.left_15{ margin-left: 15px; }
.left_20{ margin-left: 20px; }
.left_25{ margin-left: 25px; }
.left_30{ margin-left: 30px; }
.left_35{ margin-left: 35px; }
.left_40{ margin-left: 40px; }
.left_50{ margin-left: 50px; }
.left_55{ margin-left: 55px; }
.left_60{ margin-left: 60px; }
.left_70{ margin-left: 70px; }
.left_80{ margin-left: 80px; }
.left_100{ margin-left: 100px; }

.right_0{ margin-right: 0px; }
.right_5{ margin-right: 5px; }
.right_10{ margin-right: 10px; }
.right_15{ margin-right: 15px; }
.right_20{ margin-right: 20px; }
.right_25{ margin-right: 25px; }
.right_30{ margin-right: 30px; }
.right_40{ margin-right: 40px; }
.right_50{ margin-right: 50px; }
.right_55{ margin-right: 55px; }
.right_60{ margin-right: 60px; }
.right_70{ margin-right: 70px; }
.right_80{ margin-right: 80px; }
.right_100{ margin-right: 100px; }

.bottom_0{ margin-bottom: 0px; }
.bottom_5{ margin-bottom: 5px; }
.bottom_10{ margin-bottom: 10px; }
.bottom_15{ margin-bottom: 15px; }
.bottom_20{ margin-bottom: 20px; }
.bottom_30{ margin-bottom: 30px; }
.bottom_40{ margin-bottom: 40px; }
.bottom_50{ margin-bottom: 50px; }
.bottom_60{ margin-bottom: 60px; }
.bottom_70{ margin-bottom: 70px; }
.bottom_80{ margin-bottom: 80px; }
.bottom_100{ margin-bottom: 100px; }

.top_0{ margin-top: 0px; }
.top_5{ margin-top: 5px; }
.top_10{ margin-top: 10px; }
.top_20{ margin-top: 20px; }
.top_30{ margin-top: 30px; }
.top_40{ margin-top: 40px; }
.top_50{ margin-top: 50px; }
.top_60{ margin-top: 60px; }
.top_70{ margin-top: 70px; }
.top_80{ margin-top: 80px; }
.top_100{ margin-top: 100px; }

.all_0{ margin: 0px; }
.all_5{ margin: 5px; }
.all_10{ margin: 10px; }
.all_20{ margin: 20px; }
.all_30{ margin: 30px; }
.all_40{ margin: 40px; }
.all_50{ margin: 50px; }
.all_60{ margin: 60px; }
.all_70{ margin: 70px; }
.all_80{ margin: 80px; }
.all_100{ margin: 100px; }


/* ----------------
  padding
---------------- */


.left_p0{ padding-left: 0px; }
.left_p5{ padding-left: 5px; }
.left_p10{ padding-left: 10px; }
.left_p20{ padding-left: 20px; }
.left_p30{ padding-left: 30px; }
.left_p40{ padding-left: 40px; }
.left_p50{ padding-left: 50px; }
.left_p60{ padding-left: 60px; }
.left_p80{ padding-left: 80px; }
.left_p100{ padding-left: 100px; }

.right_p0{ padding-right: 0px; }
.right_p5{ padding-right: 5px; }
.right_p10{ padding-right: 10px; }
.right_p20{ padding-right: 20px; }
.right_p30{ padding-right: 30px; }
.right_p40{ padding-right: 40px; }
.right_p50{ padding-right: 50px; }
.right_p60{ padding-right: 60px; }
.right_p80{ padding-right: 80px; }
.right_p100{ padding-right: 100px; }

.bottom_p0{ padding-bottom: 0px; }
.bottom_p5{ padding-bottom: 5px; }
.bottom_p10{ padding-bottom: 10px; }
.bottom_p20{ padding-bottom: 20px; }
.bottom_p30{ padding-bottom: 30px; }
.bottom_p40{ padding-bottom: 40px; }
.bottom_p50{ padding-bottom: 50px; }
.bottom_p60{ padding-bottom: 60px; }
.bottom_p80{ padding-bottom: 80px; }
.bottom_p100{ padding-bottom: 100px; }

.top_p0{ padding-top: 0px; }
.top_p5{ padding-top: 5px; }
.top_p10{ padding-top: 10px; }
.top_p20{ padding-top: 20px; }
.top_p30{ padding-top: 30px; }
.top_p40{ padding-top: 40px; }
.top_p50{ padding-top: 50px; }
.top_p60{ padding-top: 60px; }
.top_p80{ padding-top: 80px; }
.top_p100{ padding-top: 100px; }

.all_p0{ padding: 0px; }
.all_p5{ padding: 5px; }
.all_p10{ padding: 10px; }
.all_p20{ padding: 20px; }
.all_p30{ padding: 30px; }
.all_p40{ padding: 40px; }
.all_p50{ padding: 50px; }
.all_p60{ padding: 60px; }
.all_p80{ padding: 80px; }
.all_p100{ padding: 100px; }




/* ----------------
  width
---------------- */

.width_20{ width:20px;}
.width_40{ width:40px;}
.width_60{ width:60px;}
.width_80{ width:80px;}
.width_100{ width:100px;}
.width_120{ width:120px;}
.width_140{ width:140px;}
.width_160{ width:160px;}
.width_180{ width:180px;}
.width_200{ width:200px;}
.width_220{ width:220px;}
.width_240{ width:240px;}
.width_260{ width:260px;}
.width_280{ width:280px;}
.width_300{ width:300px;}
.width_320{ width:320px;}
.width_340{ width:340px;}
.width_360{ width:360px;}
.width_375{ width:375px;}
.width_380{ width:380px;}
.width_400{ width:400px;}
.width_420{ width:420px;}
.width_440{ width:440px;}
.width_450{ width:450px;}
.width_460{ width:460px;}
.width_480{ width:480px;}
.width_500{ width:500px;}
.width_520{ width:520px;}
.width_540{ width:540px;}
.width_560{ width:560px;}
.width_580{ width:580px;}
.width_600{ width:600px;}
.width_620{ width:620px;}
.width_640{ width:640px;}
.width_660{ width:660px;}
.width_680{ width:680px;}
.width_700{ width:700px;}
.width_720{ width:720px;}
.width_780{ width:780px;}
.width_800{ width:800px;}
.width_850{ width:850px;}
.width_900{ width:900px;}
.width_950{ width:950px;}
.width_1000{ width:1000px;}



/* ----------------
  flot
---------------- */
.flot_right{ float: right; }
.flot_left{ float: left; }
.float_clear{ clear: both; }


/* ----------------
  align
---------------- */
.text_right{ text-align:right;}
.text_left{ text-align:left;}
.text_center{ text-align:center;}


/* ----------------
  list
---------------- */
.list_type_none{ list-style-type: none; }
.list_type_disc{ list-style-type: disc; }
.list_type_circle{ list-style-type: circle; }
.list_type_decimal{ list-style-type: decimal; }

/* ----------------
  display
---------------- */
.display_block{
	display: block;
}


/* ----------------
  border
---------------- */

.border_bottom01{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #787878; }
.border_bottom02{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b4b4b4; }
.border_bottom03{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dcdcdc; }

.border_right01{ border-right-width: 1px; border-right-style: solid; border-rightcolor: #787878; }
.border_right02{ border-right-width: 1px; border-right-style: solid; border-right-color: #b4b4b4; }
.border_right03{ border-right-width: 1px; border-right-style: solid; border-right-color: #dcdcdc; }


/* ----------------
  waku
---------------- */

.waku01{ border: 1px solid #787878; }
.waku02{ border: 1px solid #b4b4b4; }
.waku03{ border: 1px solid #dcdcdc; }



.waku_maru01{
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;   /* Firefox用 */
	behavior: url("PIE.html");   /* IE用 */
	background-color: #FFF5E6;
	border: 1px solid #C18F52;
}



/* ----------------
  title
---------------- */

.midashi_01{
	background-color: #24abc7;
	font-weight: normal;
	color: #FFF;
	padding: 8px;
	clear: both;
	font-size: 120%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow:hidden;
}

.midashi_02 {
font-weight: bold;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #666;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
padding: 0px;
clear: both;
color: #1E1E1E;
}


.midashi_03 {
margin: 0px;
padding: 7px;
width: 936px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A5A5A5;
}

.midashi_04 {
margin: 0px;
padding: 7px;
width: 936px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #A5A5A5;
}




/* shadow */


.shadow01{
	box-shadow: 0 14px 10px -10px #000000;
}

.shadow02 {
    position: relative;
}
.shadow02:before, .shadow02:after {
    background: none repeat scroll 0 0 #777777;
    bottom: 18px;
    box-shadow: 0 15px 10px #777777;
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.shadow02:after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}

.shadow03:before {
    background: none repeat scroll 0 0 #777777;
    bottom: 18px;
    box-shadow: 0 15px 10px #777777;
    content: "";
    left: 10px;
    max-width: 300px;
    position: absolute;
    top: 80%;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    width: 50%;
    z-index: -1;
}
.shadow03 {
    position: relative;
}

.shadow04:after {
    background: none repeat scroll 0 0 #777777;
    bottom: 18px;
    box-shadow: 0 15px 10px #777777;
    content: "";
    left: auto;
    max-width: 300px;
    position: absolute;
    right: 10px;
    top: 80%;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    width: 50%;
    z-index: -1;
}
.shadow04 {
    position: relative;
}


.shadow06 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.shadow06:before, .shadow06:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: -1;
}
.shadow06:after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg)  rotate(3deg);
    -moz-transform: skew(8deg)  rotate(3deg);
    -ms-transform: skew(8deg)  rotate(3deg);
    -o-transform: skew(8deg)  rotate(3deg);
}

.shadow07 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.shadow07:before, .shadow07:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 10px;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: -1;
}
.shadow07:after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg)  rotate(3deg);
    -moz-transform: skew(8deg)  rotate(3deg);
    -ms-transform: skew(8deg)  rotate(3deg);
    -o-transform: skew(8deg)  rotate(3deg);
}

.shadow08 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
}
.shadow08:before, .shadow08:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: -1;
}
.shadow08:after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg)  rotate(3deg);
    -moz-transform: skew(8deg)  rotate(3deg);
    -ms-transform: skew(8deg)  rotate(3deg);
    -o-transform: skew(8deg)  rotate(3deg);
}