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

#myPage {
text-align: center;
}

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

.myWrapper2{
text-align: center;
width: 100%;
margin-left:auto;
margin-right:auto;
}


#myHeader {
padding: 1px 0px 0px;
width: 100%;
background: #FFF;
}



	
#myMain {
width: 80%;
float: right;
}


#myRight { background: #FFF; }


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

#myLeft { background: #FFF; }

#myMainInner { text-align:center; }

#myFooter #footNav li { display: inline; }

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

#myLeft .myIndex .maru {
float: left;
margin-top: 0.5em;
margin-left: 0.1em;
}

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

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

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


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

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

.myWrapper .white40 {
background: #FFF;
height: 40px;
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%;
}


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

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

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

#myLeft .myIndex  a {
color: #5C4033;
font-size: 120%;
}

#myLeft .myIndex .shiroXcha {
background: #FFF;
height: auto;
border: 2px solid #EBC79E;
text-align: left;
padding-top: 2px;
}
#myLeft .myIndex .shiroXcha a {
margin-left: 2px;
color: #5C4033;
}
#myLeft .myIndex .aka {
color: #F00;
line-height: 1.4em;
font-size: 1em;
padding-left: 2px;
margin-left: 2px;
}
#myMainInner #titleArea .leadText {
color: #000;
text-align: left;
width: 80%;
float: none;
height: auto;
margin: auto;
font-size: 1.0em;
line-height: 1.4em;
}
#myLeft .myIndex .chaXcha {
background: #EBC79E;
height: auto;
text-align: left;
border: 1px solid #EBC79E;
}

#myLeft #myIndex2 .chaXchaXaka {
background: #EBC79E;
height: auto;
text-align: center;
border: 1px solid #EBC79E;
}

#myLeft #myIndex2 .aka {
color: #F00;
line-height: 1.5em;
font-size: 0.9em;
padding-left: 2px;
margin-left: 2px;
}

#myLeft #myIndex2 .chaXcha {
background: #EBC79E;
height: auto;
width: 100%;
text-align: left;
}

#myLeft #myIndex2 #conpact .chaXcha .yokomenu {
	margin-left: 7px;
}

.yokomenu ul li{
display: inline;
margin-right: 3px;
}


#myLeft #myIndex2 #conpact .chaXcha a {
font-size: 1.1em;
line-height: 1.6em;
color: #5C4033;
}


#myLeft .myIndex .chaXchaM {
background: #EBC79E;
height: auto;
text-align: left;
border-top: 1px solid #F9E1C1;
border-right: 1px solid #F9E1C1;
border-left: 1px solid #F9E1C1;
border-bottom-width: 1px;
border-bottom-color: #F9E1C1;
}

#myLeft .myIndex .chaXchaMM {
background: #EBC79E;
height: auto;
text-align: left;
border-top: 1px solid #F9E1C1;
border-right: 1px solid #F9E1C1;
border-left: 1px solid #F9E1C1;
border-bottom-width: 1px;
border-bottom-color: #F9E1C1;
}

#myLeft .myIndex .chaXchaM2 {
background: #F9E1C1;
height: auto;
text-align: left;
border: 1px solid #EBC79E;
}

#myLeft .myIndex .chaXchaM3 {
background: #F9E1C1;
height: auto;
text-align: left;
border: 1px solid #EBC79E;
}

#myLeft .myIndex .chaXchaCenter {
background: #EBC79E;
height: auto;
border: 2px solid #EBC79E;
text-align: center;
}

#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: 1.6em;
color: #5C4033;
font-size: 1.2em;
}

#myLeft .myIndex .chaXchaM p {
margin-left: 0px;
line-height: 1.4em;
color: #000;
font-size: 1em;
}

#myLeft .myIndex .chaXchaM2 a {
margin-left: 0px;
line-height: 1.6em;
color: #5C4033;
font-size: 1.2em;
}

#myLeft .myIndex .chaXchaM3 a {
margin-left: 0px;
line-height: 1.6em;
color: #5C4033;
font-size: 1.2em;
}


#myLeft .myIndex .chaXchaM a {
margin-left: 0px;
line-height: 1.6em;
color: #5C4033;
font-size: 1.2em;
}

#myLeft .myIndex .chaXchaMM a {
margin-left: 0px;
line-height: 1.6em;
color: #5C4033;
font-size: 1.2em;
}

#myLeft .myIndex .chaXchaM2 li { background: url(../maru-cha2.gif) no-repeat 0.3em 0.4em; }


		@media screen and (min-width : 768px){
		    #myLeft .myIndex .chaXcha a {
				line-height: 1.4em;
　　　　　　　　font-size: 1em;
			}
			#myLeft .myIndex .chaXchaM2 a {
				line-height: 1.4em;
				font-size: 1em;
			}
			#myLeft .myIndex .chaXchaM3 a {
				line-height: 1.4em;
				font-size: 1em;
			}
			#myLeft .myIndex .chaXchaM a {
				line-height: 1.4em;
				font-size: 1em;
			}
			#myLeft .myIndex .chaXchaMM a {
				line-height: 1.4em;
				font-size: 1em;
			}
			#myLeft #myIndex2 #conpact .chaXcha a {
				font-size: 0.8em;
				line-height: 1.4em;
			}
		}
		 
		@media screen and (min-width : 1024px) {
		    #myLeft .myIndex .chaXcha a {
				line-height: 1.4em;
				font-size: 1em;
			}
			#myLeft .myIndex .chaXchaM2 a {
				line-height: 1.3em;
				font-size: 1em;
				padding-left: 13px;
			}
			#myLeft .myIndex .chaXchaM3 a {
				line-height: 1.3em;
				font-size: 1em;
				padding-left: 13px;
			}
			#myLeft .myIndex .chaXchaM a {
				line-height: 1.3em;
				font-size: 1em;
				padding-left: 2px;
			}
			#myLeft .myIndex .chaXchaMM a {
line-height: 1.3em;
font-size: 1em;
padding-left: 5px;
			}
			#myLeft #myIndex2 #conpact .chaXcha a {
				font-size: 0.8em;
				line-height: 1.4em;
			}
		}
		
		


#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: 1.4em;
font-size: 1em;
}

#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: center;
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 #EBC79E;
font-size: 1em;
color: #000;
text-align: left;
vertical-align: middle;
padding-top: 3px;
padding-bottom: 3px;
line-height: 1.4em;
}
#myLeft table .toieba tr .textList {
background: #FFF;
border: 2px solid #EBC79E;
height: auto;
padding: 2px;
}

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

#myMainInner .sponsoredLink p {
font-size: 0.8em;
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;
color: #000;
text-align: left;
float: none;
margin: auto;
width: 95%;
}
#myFooter .footInfo p {
line-height: 140%;
font-size: 80%;
}
#myLeft table .toieba {
width: 100%;
border: 1px solid #EBC79E;
border-collapse: collapse;
}

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

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

#contentsB tr td .red { color: #F00; }
#myMainInner  .ADV { text-align: center; }


.header .myWrapper #myHeader .headerTable { width: 920px; }

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

@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%;
height: 98px;
}
	
}
#myMainInner .table80 table tr td .continue {
font-size: 1em;
line-height: 1.4em;
text-align: center;
padding: 10px 20px;
border-top: 2px solid #DDD;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
border-left: 2px solid #DDD;
background: #EEE;
}

#myMainInner .table80 table tr td .continue2 {
font-size: 1.0em;
line-height: 1.4em;
text-align: center;
padding: 10px 20px;
border-top: 2px solid #DDB4B6;
border-right: 2px solid #A36666;
border-bottom: 2px solid #A36666;
border-left: 2px solid #DDB4B6;
background: #FF3300;
}
#myMainInner #contentsB .table95 .Eflola td {
font-size: 0.8em;
line-height: 1.3em;
padding: 5px;
height: 100%;
width: 100%;
margin: 5px;
}

p .hidari {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

p .migi {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}


.table90 .kaisetsu tr td .nakamiBorder p .hidari {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.table90 .kaisetsu tr td p migi{
	float:right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.table95 .kaisetsu tr td p migi{
	float:right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.table95 .kaisetsu tr td p hidari{
	  float: left;
      margin-right: 1em;
      margin-bottom: 1em;
}

.table95 .noLine tr td p hidari{
	  float: left;
      margin-right: 1em;
      margin-bottom: 1em;
}

.table80 .leadA .migi {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

.leadText tr td .migi { 
	float: right;
  	margin-left: 1em;
 	margin-bottom: 1em;
 }

.table80 .leadA .hidari {
	float:left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.table95 .topPage .hidari {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

.table95 .topPage .hidari2 {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}

#contentsB .table90 .kaisetsu tr td .migi { 
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

#contentsB .table90 .kaisetsu tr td .hidari { 
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

#contentsB .table95 .kaisetsu tr td .migi { 
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

#contentsB .table95 .kaisetsu tr td .hidari { 
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

#contentsB .table95 .noLine2 tr td .hidari { 
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}


/*----------------------------------------------------
    responsive
----------------------------------------------------*/

@media (max-width: 640px) {
     .secondH1 { 
          display: none;
     }
}

@media (max-width: 480px) {
     .secondH2 { 
          display: none;
     }
}






@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;
     }
}
#myMainInner #contentsB .pcSCL .pcSCL2 { width: 100%; }



#myRight .right-senden {
font-size: 1.0em;
line-height: 1.3em;
text-align: left;
}