BODY {
	color:#003300;
	margin:0;
	text-align:center;
	background:url(img/banner/main.gif);  overflow-x :hidden;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

A:link {
	color:#006666;
	font-weight:500;
	text-decoration:none;
}
A:visited {
	color:#669999;
}
A:active {
color:#003333;
}
A:hover  {color:#003333;
	text-decoration:underline;
}

.side_link {
	box-sizing: border-box;
	width:100%; 
	max-width:300px;
	margin-bottom:10px;
	border: 1px solid #bbbbbb;
	box-sizing: border-box;
}


#body{margin:0 auto;  padding:0;}							/*@mediaで置き換え*/
#main-col {background-color:#ffffff;  margin:0;  border-bottom:10px #ffffff solid;}	/*@mediaで置き換え*/
#side-col {background-color:#ffffff;  margin:0;  border-bottom:1px #7080b1 solid;}	/*@mediaで置き換え*/

#top	{width:100%;  margin:0;}
#top img {	width:100%; 
		max-width:480px; /* 最大幅 */
		min-width:320px; /* 最小幅 */
}

h1	{margin:0;}
.h1	{border:2px #ccffcc solid;}



#main	{width:100%;  text-align:center;  background-color:#f0f0ff;  padding-top:10px;  padding-bottom:10px;  font-size:20px;   border-bottom:1px #ccccff solid;  border-top:1px #ccccff solid;}

.select {width:320px;  text-align:center;  margin:0 auto;}
a.selecta {text-decoration:none;  font-size:24px;  background:url(img/banner/a.png);  display:block;  float:left;
	width:150px;  height:49px;  letter-spacing:5pt;  line-height:100%;  margin:5px;}
a.selectb {text-decoration:none;  font-size:24px;  background:url(img/banner/b.png);  display:block;  float:left;
	width:150px;  height:49px;  letter-spacing:5pt;  line-height:100%;  margin:5px;}
a.selectc {text-decoration:none;  font-size:24px;  background:url(img/banner/c.png);  display:block;  float:left;
	width:150px;  height:49px;  letter-spacing:5pt;  line-height:100%;  margin:5px;}
a.selectd {text-decoration:none;  font-size:24px;  background:url(img/banner/d.png);  display:block;  float:left;
	width:150px;  height:49px;  letter-spacing:5pt;  line-height:100%;  margin:5px;}
.wa-do {display:block;  width:108px;  margin:0 auto;  margin-left:42px;  margin-top:3px;}


P {line-height:150%;}
P.top {font-size:18px;  text-align:center;  margin:2px;}

#main-top{width:100%;  height:280px;  text-align:center;  background-color:#f0fff0;  padding-top:20px;  clear:both;  font-size:20px;}


#head {width:320px;  height:70px;  text-align:left;  margin:0 auto;  border:1px #ffffff solid;}
P.return {margin-top:40px;  font-size:20px;}

#info {width:320px;  text-align:left;  margin:0 auto;  background-color:#ccffcc;  padding:5px;
	border-radius: 10px;         /* CSS3 */
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */;
	border: 2px #7080b1 solid;   /* 枠線の装飾 */}
.info {font-size:16px; line-height:140%;}

/*--------------------------------------
  ULのデフォルト
--------------------------------------*/
ul, li{
	list-style-type:none;
	padding:0;
	margin:0;
}
/*--------------------------------------
　フッターリンク
--------------------------------------*/
.footer_link {
	width:90%;
	max-width:640px;
	margin:0 auto;
}
.footer_link li {
	float:left;
	width:25%;
	line-height:130%;
	text-align:center;
	height:35px;
	font-size:14px;
	padding:8px 5px 0 5px;	
	background-color:#6666aa;
	box-sizing:border-box;
	border-bottom:1px #cccccc solid;
	border-right:1px #cccccc solid;
}
.footer_link li a {
	color:#ffffff;
}
/*--------------------------------------
　コピーライト
--------------------------------------*/
.copyright {
	color:#ffffff;
	font-size:14px;
	margin-top:10px;
	padding:10px 0;
	background-color:#6666aa;
	border-top:1px #cccccc solid;
}
@media screen and (max-width: 640px){
.footer_link li {
	width:50%;
}
}

/*--------------------------------------
  グローバルメニュー
--------------------------------------*/
.global_menu_vertical h2{
	margin: 0;
	margin-top:5px;
	text-align: left;
	font-size:22px;
}
.global_menu_vertical h2 img{
	margin: 0;
	widht:60px;
	height:45px;
	vertical-align: -6px;
	margin-right:6px;
}
.global_menu_vertical h2 a{
	color:#3333cc;
}
.global_menu_vertical ul{
	margin:10px;
	text-align:left;
	font-size:16px;
}
.global_menu_vertical ul li{
	border-top: 1px solid #dddddd;
	height:40px;
}
.global_menu_vertical li img{
	margin-right:3px;
	vertical-align: -3px;
}

#mondai {width:318px;  text-align:center;  margin:0 auto;  border:1px #ffffff solid;}

P.mondai {font-size:20px;  height:48px;  text-align:left;  color:#800000;  line-height:130%;  border:1px #ffffff solid;}

span.number {font-size:15px;  background:url(img/ico/hatena.png);  background-repeat:no-repeat;
		width:48px;  height:48px;  display:block;  float:left;  line-height:300%;
		margin-right:5px;  text-align:center;  color:#ffffff;  font-weight:600;}


P.end {font-size:36px;  height:48px;  color:#800000;  line-height:130%;  margin:0;  padding:20px;}


div.kaitou{width:316px;  text-align:center;  margin:0 auto;  margin-top:5px;  background-color:#ccccff;
	border: 2px #7080b1 solid;   /* 枠線の装飾 */}

P.kaitou {font-size:18px;  text-align:left;  margin:8px;  line-height:130%;}

/*--------------------------------------
  最下部
--------------------------------------*/
#under {
	width:90%;
	text-align:center;
	padding:10px;
	font-size:20px;
	margin:0 auto;}


#under ul li {
	height:40px;
	text-align:left;
}


div.anim{width:320px;  height:380px;  margin:0 auto;  text-align:center;
	border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */}

.skip{background-color:#ccccff;  padding:2px 6px;
	border-radius: 6px;         /* CSS3 */
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */;
	border: 1px #6666aa solid;   /* 枠線の装飾 */}

IMG.botan{vertical-align:-2px;  margin-right:5px;}
img.cursor{vertical-align:-5px;  margin:2px;}


img.gb{border-radius: 20px;         /* CSS3 */
	-moz-border-radius: 20px;    /* Firefox */
	-webkit-border-radius: 20px; /* Safari,Chrome */}

/*--------------------------------------
  ULのデフォルト
--------------------------------------*/
UL {
	list-style-type:none;
	margin:0;
	padding:0;
}
li {	margin:0;
	padding:0;
}

/* パンくず */
.pan {
	text-align: left;
	margin-left:10px;
}

.center{text-align:center;}

#ans{width:240px;  height:150px;  margin:0 auto;  margin-top:0px;  position:relative;}

.ans{text-align:left;  color:#333333;  font-size:24px;  line-height:100%;}

#list {width:320px;  text-align:center;  margin:0 auto;}
.cellt	{width:29px;  height:20px;  background-color:#ffffff;  margin:1px;  border:2px #ffcccc solid;  float:left;}
a.cell:link	{width:29px;  height:20px;  color:#ffffff;  background-color:#9396fb;  padding:5px;  margin:1px;  border:2px #6666aa solid;  float:left;}
a.cell:visited	{background-color:#ffffff; color:#ccccff;}	/*リンク後*/
p.bakc {font-size:24px;  color:#ff6666;  padding:1px;  margin:1px;}

.meaning  {margin:5px;  font-size:16px;}


.body{display:none;}


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

#body{width:720px;}

#top{ margin-bottom:5px;}

#main-col
	{width:400px; border:2px #7080b1 solid;  float:left;  background-color:#ffffff;}

#side-col
	{width:300px;  border:2px #7080b1 solid;  float:right;  background-color:#f0f0ff;}

#info
	{width:320px;  margin:0 auto;  background-color:#f0fff0;  padding:5px;  border: 0px #ff4500 solid;}

}