@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
	position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
	background-color: #FFFFFF;
	background-image: url(../images/tokkunbackw.png);
}
#div1 #rightbox p, #div1 #rightboxtp p, #div1r #rightbox p, #div1w #rightbox p, #div1r #rightboxtp p, #div1w #rightboxtp p, #div1h #rightbox p, #div1h #rightboxtp p
{
	color: #686363;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: medium;
	line-height: 176%;
	text-align: justify;
	margin-left: 7px;
	margin-right: 7px;
}
#div1 #header  , #div1r #header, #div1w #header, #div1h #header{
	border-width: 0px;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
#footer p ,      #footer p a{
	color: #F9F9F9;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: xx-small;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
	line-height: 165%;
	padding-bottom: 0px;
}
#footer_r p ,          #footer_r p a{
	color: #F9F9F9;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: xx-small;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
	line-height: 165%;
	padding-bottom: 0px;
}
#footer_w p ,         #footer_w p a{
	color: #F9F9F9;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: xx-small;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
	line-height: 165%;
	padding-bottom: 0px;
}
#footer_h p ,         #footer_h p a{
	color: #F9F9F9;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: xx-small;
	text-align: center;
	text-decoration: underline;
	font-weight: normal;
	line-height: 165%;
	padding-bottom: 0px;
}
#footer p a:hover  , #footer_r p a:hover, #footer_w p a:hover, #footer_h p a:hover{
	color: #FF0105;
}
.credit {
	font-size: 10px;
	color: #C2C2C2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}
#footer  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #012051;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_r  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #013a95;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_w  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #0da425;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_h  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	background-color: #f6a81d;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#div1 {
	background-image: url(../images/head2.png);
	background-repeat: repeat-x;
	background-size: auto 205px;
	padding-bottom: 50px;
}
#div1h {
	background-image: url(../images/head2h.png);
	background-repeat: repeat-x;
	background-size: auto 205px;
	padding-bottom: 50px;
}
#div1r {
	background-image: url(../images/head2r.png);
	background-repeat: repeat-x;
	background-size: auto 205px;
	padding-bottom: 50px;
}
#div1w {
	background-image: url(../images/head2w.png);
	background-repeat: repeat-x;
	background-size: auto 205px;
	padding-bottom: 50px;
}
/*+++++++++mps++++++*/
#div1 #leftbox2   , #div1 #leftbox   , #div1r #leftbox, #div1w #leftbox, #div1h #leftbox{
	width: 60%;
	float: left;
	margin-top: 20px;
	margin-left: 20%;
	margin-right: 20%;
}
#div1 #rightbox2   , #div1 #rightbox  , #div1r #rightbox  , #div1w #rightbox   , #div1h #rightbox{
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.leftboxl         {
	width: 70%;
	margin-top: 0px;
	margin-bottom: 60px;
	margin-left: 15%;
	float: left;
	margin-right: 0px;
}
#div1 #rightboxtp           {
	width: 100%;
	float: left;
	border-bottom: 1px solid #AEAEAE;
}
.textbox .imagedef  {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A8A8A8;
	width: 90%;
	margin-bottom: 10px;
}
.sp_batsu   {
	width: 30%;
	float: right;
}
#div1 #mainbox  , #div1r #mainbox, #div1w #mainbox, #div1h #mainbox{
	width: 100%;
}
.zeroMargin_mobile {
	margin-left: 0;
	width: auto;
}
.hide_mobile {
    display: none;
}
#mainbox .rightbt, #mainbox .rightbt_d  {
	width: 40%;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 7%;
}
#mainbox .leftbt, #mainbox .leftbt_d   {
	width: 40%;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 7%;
}
.clearspace {
	height: 100px;
	min-width: 0px;
	clear: both;
}
.genre {
	margin-left: 0%;
	color: #FFFFFF;
	background-color: #132B76;
	width: 100%;
	height: 26px;
	padding-left: 2%;
	margin-top: 13px;
	padding-top: 4px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	padding-bottom: 2px;
	margin-bottom: 20px;
}
.genreh {
	margin-left: 0%;
	color: #000000;
	background-color: #D9B200;
	width: 100%;
	height: 26px;
	padding-left: 2%;
	margin-top: 50px;
	padding-top: 4px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	padding-bottom: 2px;
	margin-bottom: 20px;
}
.toptext {
	margin-left: 6%;
	margin-right: 6%;
	color: #383838;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.toptext h1 {
	font-size: large;
	margin-top: 31px;
	border-bottom: 1px dotted #6C6A6A;
}
.toptext p {
	text-align: justify;
	font-size: medium;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#div1 {
	background-image: url(../images/head2.png);
	background-repeat: repeat-x;
	background-size: auto 205px;
	padding-bottom: 50px;
}
/*+++++++++mps++++++*/
#div1 #leftbox   , #div1r #leftbox, #div1w #leftbox, #div1h #leftbox{
	width: 40%;
	float: left;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 3%;
	margin-right: 3%;
}
#div1 #rightbox   , #div1r #rightbox, #div1w #rightbox, #div1h #rightbox{
	width: 50%;
	float: left;
	margin-top: 10px;
	margin-bottom: 25px;
}
.leftboxl         {
	width: 30%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 13%;
	float: left;
	margin-right: 0px;
}
#div1 #rightboxtp       , #div1r #rightboxtp, #div1w #rightboxtp, #div1h #rightboxtp{
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
	border-bottom: 1px solid #AEAEAE;
}
.textbox .imagedef  {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A8A8A8;
	width: 80%;
	margin-bottom: 10px;
}
.sp_batsu   {
	width: 25%;
}
#div1 #mainbox,  #div1r #mainbox, #div1w #mainbox  , #div1h #mainbox{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#mainbox .rightbt, #mainbox .rightbt_d  {
	width: 35%;
	float: right;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-right: 10%;
}
#mainbox .leftbt, #mainbox .leftbt_d   {
	width: 35%;
	float: left;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: 10%;
}
/*+++++++++mps++++++*/
.zeroMargin_tablet {
    margin-left: 0;
}
.hide_tablet {
    display: none;
}
#footer  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 950px;
	background-color: #012051;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_w  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 950px;
	background-color: #0da425;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_r  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 950px;
	background-color: #013a95;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_h  {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 950px;
	background-color: #f6a81d;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
.genre {
	margin-left: 5%;
	color: #FFFFFF;
	background-color: #132B76;
	width: 88%;
	height: 26px;
	padding-left: 2%;
	margin-top: 13px;
	padding-top: 4px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	padding-bottom: 2px;
	margin-bottom: 20px;
}
.genreh {
	margin-left: 5%;
	color: #000000;
	background-color: #D9B200;
	width: 88%;
	height: 26px;
	padding-left: 2%;
	margin-top: 50px;
	padding-top: 4px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	padding-bottom: 2px;
	margin-bottom: 20px;
}
	.toptext {
	margin-left: 10%;
	margin-right: 10%;
	color: #383838;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.toptext h1 {
	font-size: large;
	margin-top: 31px;
	border-bottom: 1px dotted #6C6A6A;
}
.toptext p {
	text-align: justify;
	font-size: medium;
}
}

/* Desktop Layout: 769px to a max of 1000px.  Inherits styles from: Mobile Layout and Tablet Layout. */

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

.gridContainer {
	width: 85%;
	max-width: 950px;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
	background-image: url(../images/tokkunbackw.png);
}
#footer  {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	max-width: 950px;
	background-color: #012051;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_w  {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	max-width: 950px;
	background-color: #0da425;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_r  {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	max-width: 950px;
	background-color: #013a95;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#footer_h  {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	max-width: 950px;
	background-color: #f6a81d;
	padding-top: 5px;
	position: fixed;
	bottom: 0px;
	height: 50px;
}
#div1   {
	background-image: url(../images/head2.png);
	background-repeat: repeat-x;
	background-size: auto 205px;
	padding-bottom: 50px;
}
#div1 #leftbox   , #div1 #leftbox2, #div1r #leftbox, #div1w #leftbox, #div1h #leftbox{
	width: 20%;
	float: left;
	margin-top: 10px;
	margin-bottom: 25px;
	margin-left: 3%;
	margin-right: 3%;
}
.leftboxl         {
	width: 24%;
	margin-top: 10px;
	margin-bottom: 25px;
	float: left;
	margin-right: 0px;
	margin-left: 17%;
}
.genre {
	margin-left: 16%;
	color: #FFFFFF;
	background-color: #132B76;
	width: 66%;
	height: 26px;
	padding-left: 2%;
	margin-top: 13px;
	padding-top: 4px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	padding-bottom: 2px;
}
.genreh {
	margin-left: 16%;
	color: #000000;
	background-color: #D9B200;
	width: 66%;
	height: 26px;
	padding-left: 2%;
	margin-top: 13px;
	padding-top: 4px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: large;
	padding-bottom: 2px;
}
#div1 #rightbox     , #div1 #rightbox2   , #div1r #rightbox  , #div1w #rightbox  , #div1h #rightbox{
	width: 70%;
	float: left;
	margin-top: 10px;
}
#div1 #rightboxtp              , #div1r #rightboxtp, #div1w #rightboxtp, #div1h #rightboxtp{
	width: 70%;
	margin-left: 15%;
	margin-right: 15%;
	border-bottom: 1px solid #AEAEAE;
}
.textbox .imagedef  {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #A8A8A8;
	width: 65%;
	margin-bottom: 10px;
}
.sp_batsu   {
	width: 18%;
}
#div1 #mainbox  , #div1r #mainbox, #div1w #mainbox, #div1h #mainbox{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
#mainbox .rightbt, #mainbox .rightbt_d  {
	width: 25%;
	float: right;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-right: 15%;
}
#mainbox .leftbt, #mainbox .leftbt_d  {
	width: 25%;
	float: left;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: 15%;
}
/*+++++++++mps++++++*/
.zeroMargin_desktop {
    margin-left: 0;
}
.hide_desktop {
    display: none;
}
.toptext {
	margin-left: 15%;
	margin-right: 15%;
	color: #383838;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.toptext h1 {
	font-size: large;
	margin-top: 31px;
	border-bottom: 1px dotted #6C6A6A;
}
.toptext p {
	text-align: justify;
	font-size: medium;
}
}