@charset "UTF-8";
/* CSS Document */

#myPage {
text-align: center;
}

.myWrapper {
text-align: center;
width: 1024px;
margin-left:auto;
margin-right:auto;
}

.myWrapper2 {
text-align: left;
width: 1004px;
margin-left:auto;
margin-right:auto;
}

#myHeader {
padding: 1px 0px 0px;
width: 100%;
background: #FFF;
}
	
#myMain {
width: 760px;
float: left;
position: relative;
left: 0px;
top: 60px;
}


#myRight {
background: #FFF;
position: relative;
top: 10px;
left: 1px;
}


#myFooter {
clear: both;
background: #FFF;
padding: 100px 5px 5px;
width: 100%;
text-align: center;
margin-top: 10px;
}

#myMainInner {
width: 100%;
float:right;
text-align:center;
top: 10px;
}

#myLeft { background: #FFF; }

#myFooter #footNav li { display: inline; }

#myFooter .footInfo { font-size: 12px; }

#myLeft .myIndex .maru {
float: left;
margin-left: 5px;
margin-top: 8px;
}

.myWrapper .white05 {
background: #FFF;
height: 5px;
width: 100%;
}


.myWrapper .white10 {
background: #FFF;
height: 10px;
width: 100%;
}

.myWrapper .white20 {
background: #FFF;
height: 20px;
width: 100%;
}

.myWrapper .white30 {
background: #FFF;
height: 30px;
width: 100%;
}

.myWrapper .white50 {
background: #FFF;
height: 50px;
width: 100%;
}

.myWrapper .white100 {
background: #FFF;
height: 100px;
width: 100%;
}

.myWrapper .white400 {
background: #FFF;
height: 400px;
width: 100%;
}

.myWrapper2 .white10 {
background: #FFF;
height: 10px;
width: 100%;
}

.myWrapper2 .white20 {
background: #FFF;
height: 20px;
width: 100%;
}

.myWrapper2 .white30 {
background: #FFF;
height: 30px;
width: 100%;
}

.myWrapper2 .white50 {
background: #FFF;
height: 50px;
width: 100%;
}

.myWrapper2 .white100 {
background: #FFF;
height: 100px;
width: 100%;
}

.myWrapper2 .white400 {
background: #FFF;
height: 400px;
width: 100%;
}



.myWrapper #myFooter .line {
background: url(../../t-space.gif) repeat-x center center;
width: 90%;
height: 1px;
margin-top: 20px;
margin-bottom: 20px;
}

#myHeader .line {
background: url(../t-space.gif) repeat-x center center;
margin: auto;
width: 100%;
height: 1px;
}

#contents .line {
background: url(../../t-space.gif) repeat-x center center;
margin: auto;
width: 100%;
height: 1px;
}

#contents .white10 {
background: #FFF;
height: 10px;
width: 100%;
}

#contents .white05 {
background: #FFF;
height: 10px;
width: 100%;
}



#myLeft .myIndex  a {
color: #5C4033;
font-size: 1em;
}

#myLeft .myIndex .shiroXcha {
background: #DDD;
height: 24px;
width: 100%;
border-bottom: 1px solid #FFF;
border-top: 3px solid #DDD;
}
#myLeft .myIndex .shiroXcha a {
margin-left: 2px;
line-height: 24px;
color: #5C4033;
}
#myLeft .myIndex .aka {
font-weight: bold;
color: #F00;
line-height: 140%;
margin-left: 2px;
font-size: 105%;
}

#titleArea #topicPath {
float: left;
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
padding-left: 30px;
}
#titleArea #topicPath li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
#titleArea #topicPath li a {
	padding-right:13px ;
	background:url(/kigou.gif) no-repeat right center;
}

#titleArea .topicPath2 {
float: left;
margin-top: 1px;
margin-right: 0;
margin-bottom: 0px;
padding-left: 30px;
}
#titleArea .topicPath2 li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}
#titleArea .topicPath2 li a {
	padding-right:13px ;
	background:url(/kigou.gif) no-repeat right center;
}

#myMainInner #titleArea .leadText {
color: #000;
text-align: left;
width: 80%;
float: none;
height: auto;
margin: auto;
font-size: 105%;
line-height: 140%;
}
#myLeft .myIndex .chaXcha {
background: #EBC79E;
height: auto;
width: 160px;
}

#myLeft .myIndex .chaXcha36 {
background: #EBC79E;
height: auto;
width: 160px;
}

#myLeft .myIndex .star {
float: left;
margin-left: 2px;
margin-top: 2px;
}


#myLeft .myIndex .chaXcha a {
margin-left: 0px;
line-height: 22px;
font-weight: bold;
color: #5C4033;
font-size: 100%;
}
#myLeft .myIndex .chaXcha36 a {
margin-left: 2px;
line-height: normal;
font-weight: bold;
color: #5C4033;
font-size: 100%;
}
#myLeft .myIndex .chaXcha .black {
color: #000;
line-height: 22px;
margin-left: 2px;
}

#myLeft .myIndex .shiroXcha a{ color: #00F; }

#myLeft .myIndex .white30 {
background: #FFF;
height: 30px;
width: 100%;
}


#myMainInner .title h1 {
text-align: center;
width: 100%;
}
#myWrapper .guideLeft80 {
color: #000;
text-align: left;
width: 80%;
font-size: medium;
float: none;
height: auto;
margin: auto;
}

#myWrapper .guideCenter {
color: #000;
text-align: center;
width: 80%;
font-size: larger;
float: none;
height: auto;
margin: auto;
}
#myLeft table .toieba tr .kakiBetsu {
border: 2px solid #BFD8F6;
color: #666;
text-align: center;
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
font-size: 0.9em;
line-height: 1.3em;
}
#myLeft table .toieba tr .textList {
background: #FFF url(../../image/whiteChaShikaku.gif) no-repeat 3px 10px;
border: 2px solid #BFD8F6;
height: auto;
padding: 2px;
margin-left: 13px;
text-align: left;
}

#myLeft table .toieba tr .textList a {
font-size: 1.0em;
color: #5C4033;
line-height: 1.3em;
padding-left: 10px;
padding-top: 5px;
}

#myMainInner .sponsoredLink p {
font-size: smaller;
color: #999;
margin-left: 50px;
text-align: left;
}
#myMainInner .line {
background: url(../../t-space.gif) repeat-x center center;
margin: auto;
width: 90%;
height: 1px;
}
#myMainInner .table90 {
margin: auto;
width: 90%;
color: #000;
text-align: left;
float: none;
height: auto;
margin: auto;
}
#myMainInner .table80 {
margin: auto;
width: 80%;
color: #000;
text-align: left;
float: none;
height: auto;
margin: auto;
}
#myMainInner .table95 {
margin: auto;
width: 95%;
color: #000;
text-align: left;
float: none;
height: auto;
margin: auto;
}
#myFooter .footInfo p {
line-height: 140%;
font-size: 80%;
}
#myLeft table .toieba {
width: 100%;
border: 1px solid #EBC79E;
border-collapse: collapse;
margin: 0px;
}

#myLeft table .toieba th {
border: 1px solid #BFD8F6;
font-size: 1em;
color: #000;
line-height: 1.1em;
background: #BFD8F6;
text-align: left;
height: auto;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 2px;
}
#myLeft .myIndex .shiroXcha .cha a {
font-size: 1em;
color: #5C4033;
padding-left: 8px;
line-height: 1.4em;
}

#myLeft .textList .shiroMaru {
padding-top: 8px;
padding-left: 2px;
vertical-align: middle;
}
#myLeft .toieba tr .imageList {
border: 2px solid #EBC79E;
left: 1px;
}

#contentsB tr td .red { color: #F00; }
#myMainInner  .ADV { text-align: center; }
#myLeft .myIndex .koichaXcha {
font-size: 1em;
color: #5C4033;
background: #BFD8F6 url(../../image/blueSankaku.gif) no-repeat 3px;
height: 24px;
width: 100%;
border-bottom: 1px solid #FFF;
border-top: 2px solid #BFD8F6;
text-align: left;
}
#myLeft .myIndex .koichaXcha a {
padding-left: 16px;
line-height: 24px;
}

#myLeft .myIndex .gray {
background: #FFF;
height: auto;
width: 100%;
border: 1px solid #5C4033;
}
#myLeft .myIndex .gray p {
margin-left: 5px;
line-height: 1.4em;
font-weight: bold;
color: #5C4033;
margin-top: 5px;
font-size: 1em;
}

#myLeft .myIndex .shiroXcha2 {
background: #D3E6F6 url(../../image/blueChaShikaku.gif) no-repeat 3px 13px;
text-align: left;
padding-top: 3px;
padding-bottom: 1px;
}
#myLeft .myIndex .shiroXcha2 a {
margin-left: 11px;
line-height: 1.4em;
font-weight: normal;
color: #5C4033;
font-size: 1.0em;
}
#myLeft .myIndex .white10x160 {
background: #FFF;
height: 10px;
width: 160px;
}
#myLeft .myIndex .white30x160 {
background: #FFF;
height: 30px;
width: 160px;
}
#myMainInner .clear { clear: both; }

#myLeft .myIndex .center { text-align: center; }
#myLeft .myIndex .coment {
font-size: 10px;
text-align: center;
height: 10px;
vertical-align: text-bottom;
}

#myLeft .myIndex .title {
height: auto;
width: 160px;
}

.header .myWrapper #myHeader .headerTable .backblue {
background-color: #D3E6F6;
}

@media (max-width: 920px) {
.myWrapper {
    	width: 100%;	
	}
.header .myWrapper #myHeader .headerTable {
width: 100%;
height: 98px;
}

}


@media (max-width: 920px) {
.myWrapper {
    	width: 100%;	
	}
.header .myWrapper #myHeader .headerTable {
width: 100%;
height: 98px;
}

    .header .myWrapper #myHeader .headerTable #glovalnv {
overflow: hidden;
top: 1px;
font-size: 0.9em;
line-height: 1.2em;
width: 100%;
}

}

@media (max-width: 640px) {
	.myWrapper {
    	width: 100%;	
	}
	
	#myMainInner {
        background-color: white;
    	margin: o auto;
    	width: 100%;	
	}
    .myIndex {
    	margin: o auto;
    	width: 100%;
    }
	.myHeader {
    	width: 100%;	
	}
	.header .myWrapper #myHeader .headerTable {
width: 100%;
}	
    .header .myWrapper #myHeader .headerTable #glovalnv {
overflow: hidden;
top: 1px;
font-size: 0.85em;
line-height: 1.2em;
width: 100%;
}

}
#myLeft .myIndex .image { text-align: left; }

#myMainInner .table80 table tr td .continue {
font-size: 1em;
line-height: 1.4em;
text-align: center;
padding: 10px 18px;
border-top: 3px solid #DDD;
border-right: 3px solid #666;
border-bottom: 3px solid #666;
border-left: 3px solid #DDD;
}

#myMainInner .table80 table tr td .continue2 {
font-size: 1.0em;
line-height: 1.4em;
text-align: center;
padding: 10px 18px;
border-top: 3px solid #B5D0DD;
border-right: 3px solid #6C64A3;
border-bottom: 3px solid #6C64A3;
border-left: 3px solid #B5D0DD;
background: #155AFF;
}

/* ここからグローバルナビ */

.wrapperGV {
float: left;
margin: 0 -165px 0 0;
width: 100%;
}

 
.contentGV {
float: right;
width: 100%;
}


.content_mainGV {
position: relative;
margin-top: 0;
margin-bottom: 0;
margin-left: 49%;
}
 
.left_sidebarGV {
float: left;
width: 49%;
}


 
 
@media (max-width: 1024px) {
     .wrapperGV, {
          float: none;
          margin: 0;
          width: auto;
     }
	
}


@media (max-width: 920px) {
     .wrapperGV, .content_mainGV {
          float: none;
          margin: 0;
          width: auto;
     }

	 .content_mainGV {
		 margin-left: 50％;
     }
	 .Ad_large {
		 display: none;
	 }
	 .Ad_bottom {
		 display:none;
	 }
}





@media (max-width: 600px) {
     .wrapperGV, .contentGV, .content_mainGV, .left_sidebarGV {
          float: none;
          margin: 0;
          width: auto;
     }
	 .Ad_large {
		 display:none;
	 }
	  .Ad_bottom {
		 display:none;
	  }
}


.wrapperGV_naka {
float: left;
width: 100%;
margin: 0px -165px 0px 0px;
}

 
.contentGV_naka {
float: right;
width: 100%;
}


.content_mainGV_naka {
position: relative;
margin-top: 0;
margin-bottom: 0;
margin-left: 50%;
}
 
.left_sidebarGV_naka {
float: left;
width: 55%;
}


 
 
@media (max-width: 1024px) {
     .wrapperGV_naka, {
          float: none;
          margin: 0;
          width: auto;
     }
	
}


@media (max-width: 920px) {
     .wrapperGV_naka, .content_mainGV_naka {
          float: none;
          margin: 0;
          width: auto;
     }

	 .content_mainGV_naka {
		 margin-left: 50％;
     }
	 
}





@media (max-width: 600px) {
     .wrapperGV_naka, .contentGV_naka, .content_mainGV_naka, .left_sidebarGV_naka {
          float: none;
          margin: 0;
          width: auto;
     }
}

/* 広告タグの入る場所の幅 */

@media (max-width: 1024px) {
     #myMainInner .pcSCL { 
        margin: auto;
		width: 99%;
     }
}

@media (max-width: 770px) {
     #myMainInner .pcSCL { 
		margin: auto;
		width: 340px;
     }
}


@media (max-width: 340px) {
     #myMainInner .pcSCL { 
		margin: auto;
		width: 300px;
     }
}


/* 横並びテーブル２を１つにする */

.tablewrapper {
     float: right;
     margin: 0;
     width: 95%;
     margin-left: -300px;
}
 
.tablecontent {
     border: 2px solid #FFF;
     margin-left: 330px;
}
 
.tableleft {
     border: 2px solid #FFF;
     width: 300px;
     height: auto;
	 margin-left: 20px;
}

 
@media (max-width: 600px) {
     .tablewrapper, .tablecontent {
          float: none;
          margin-left: 20px;
          width: auto;
     }
}

@media (max-width: 600px) {
     .tableleft {
          float: none;
          margin-left: 40px;
          width: auto;
     }
}



/* 横並びテーブル２を１つにする（左右逆） */

.tablewrapperL {
     float: left;
     margin: 0;
     width: 100%;
     margin-right: -295px;
}
.tablecontentL {
width: 290px;
height: auto;
float: right;
background: #FFF;
}
.tableleftL {
margin-right: 290px;
background: #FFF;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}

 
@media (max-width: 600px) {
     .tablecontentL {
          float: none;
          margin-left: 20px;
		  margin-top: 10px;
          width: auto;
     }
}

@media (max-width: 600px) {
     .tablewrapperL {
          float: none;
          margin-left: 0px;
          width: auto;
     }
}

@media (max-width: 600px) {
     .tableleftL {
          float: none;
          margin-left: 20px;
          width: auto;
     }
}












/* ２カラムを縦長にする */

.Dwrapper {
     float: left;
     margin: 0;
     width: 100%;
     margin-right: -300px;
}
 
.Dcontent {
margin-right: 300px;
background: #FFF;
border-top: none;
border-right: none;
border-bottom: none;
border-left: none;
}
 
.Dsidebar {
width: 300px;
height: auto;
float: right;
background: #FFF;
}
 

 
@media (max-width: 920px) {
     .Dwrapper, .Dsidebar {
          float: none;
          margin: 0;
          width: auto;
     }
	 .myWrapper2 {
	width: auto;
	}
}

@media (max-width: 920px) {
     .Dcontent {
          float: none;
          margin: 0;
          width: 600px ;
     }
	 .myWrapper2 {
	width: auto;
	}
}



@media (max-width: 600px) {
     .Dwrapper, .Dcontent, .Dsidebar  {
          float: none;
          margin: 0;
          width: auto;
     }
	 .myWrapper2 {
	width: auto;
	}
}