/*@viewport {
  width: device-width;*/
/*  width: 744px;*/
/*}*/

/* スマフォ専用 */
body{
	font-size:3vw;
	border-color:#000000;
	border-style:solid;
	border-width:1;
	background-color:#FFFFFF;
}

img {
	width:100%; height:auto;
/*	border-color:#400000;
	border-style:solid;
	border-width:1;
	background-color:#FFFFFF;*/
}
table{
	font-size:3vw;
	color:#4b4110;
	width:100%;
}
th{
	font-size:3vw;
	color:#4b4110;
	width:100%;
}
td{
	font-size:3vw;
	color:#4b4110;
	vertical-align:top;
/*	border-color:#800000;
	border-style:solid;
	border-width:1;
	background-color:#FFFFFF;*/
}
input{
	font-size:3vw;
/*	border-color:#c0000;
	border-style:solid;
	border-width:1;
	background-color:#FFFFFF;*/
}
textarea{
	font-size:3vw;
/*	border-color:#f00000;
	border-style:solid;
	border-width:1;
	background-color:#FFFFFF;*/
}
ul{
	font-size:3vw;
}

.home
{
	width:100%;
	background-image:url("imagecom/kage.png");
	background-repeat:repeat-y;
	background-position:right;
	background-color:#FFFFFF;
/*	border-color:#004000;
	border-style:solid;
	border-width:1;*/
}
.page_title
{
	width:100%;
	position:relative;
/*	background-color:#FFFFFF;
	border-color:#008000;
	border-style:solid;
	border-width:1;*/
}
.page_image
{
	width:100%;
	position:relative;
/*	border-color:#00c000;
	border-style:solid;
	background-color:#FFFFFF;
	border-width:1;*/
}
.page_link
{
	width:100%;
	position:relative;
/*	background-image:url("imagecom/underbar.jpg");*/
/*	background-color:#FFFFFF;
	border-color:#00f000;
	border-style:solid;
	border-width:1;*/
}
.link1
{
	width:33.3%;
	float:left;
	background-image:url("imagecom/bb1.png");
	background-size:100% 100%;
/*	background-color:#FFFFFF;
	border-color:#000040;
	border-style:solid;*/
}
.link2
{
	width:33.3%;
	float:left;
	background-image:url("imagecom/bb2.png");
	background-size:100% 100%;
/*	background-color:#FFFFFF;
	border-color:#000040;
	border-style:solid;*/
}
.link3
{
	width:33.3%;
	float:left;
	background-image:url("imagecom/bb3.png");
	background-size:100% 100%;
/*	background-color:#FFFFFF;
	border-color:#000040;
	border-style:solid;*/
}
.link4
{
	width:33.3%;
	float:left;
	background-image:url("imagecom/bb4.png");
	background-size:100% 100%;
/*	background-color:#FFFFFF;
	border-color:#000040;
	border-style:solid;*/
}
.link5
{
	width:33.3%;
	float:left;
	background-image:url("imagecom/bb5.png");
	background-size:100% 100%;
/*	background-color:#FFFFFF;
	border-color:#000040;
	border-style:solid;*/
}
.link6
{
	width:33.3%;
	float:left;
	background-image:url("imagecom/bb6.png");
	background-size:100% 100%;
/*	background-color:#FFFFFF;
	border-color:#000040;
	border-style:solid;*/
}
.page_decide
{
	width:100%;
	position:relative;
/*	background-color:#FFFFFF;
	border-color:#000080;
	border-style:solid;
	border-width:1;*/
}
.shortbar{
	width:66%;
}

.h20
{
	width:3vw;
	height:6vh;
/*	background-color:#FFFFFF;
	border-color:#0000c0;
	border-style:solid;
	border-width:1;*/
}
.w10
{
	width:3vw;
	height:3vh;
	float:left;
/*	background-color:#FFFFFF;
	border-color:#0000f0;
	border-style:solid;
	border-width:1;*/
}
.w20
{
	width:6vw;
	height:3vh;
	float:left;
/*	background-color:#FFFFFF;
	border-color:#404000;
	border-style:solid;
	border-width:1;*/
}
.w2
{
	width:0.6vw;
	height:3vh;
	float:left;
/*	background-color:#FFFFFF;
	border-color:#408000;
	border-style:solid;
	border-width:1;*/
}

/*.leftside
{
	width:100%;
	position:relative;
	font-size:3vw;
	color:#4b4110;
	background-color:#FFFFFF;
	border-color:#40c000;
	border-style:solid;
	border-width:1;
}*/
.item
{
	width:100%;
	position:relative;
	font-size:3vw;
	color:#4b4110;
	background-color:#FFFFFF;
/*	border-color:#40f000;
	border-style:solid;
	border-width:1;*/
}
.item_title
{
	width:100%;
	position:relative;
	overflow:hidden;
	font-size:3vw;
	font-weight:bold;
/*	background-color:#FFFFFF;
	border-color:#400040;
	border-style:solid;
	border-width:1;*/
}

.item_content
{
	width:100%;
	font-size:3vw;
	position:relative;
/*	background-color:#FFFFFF;
	border-color:#400080;
	border-style:solid;
	border-width:1;*/
}
/*.rightside
{
	width:100%;
	float:left;
	font-size:3vw;
	color:#4b4110;
	background-color:#FFFFFF;
	border-color:#4000c0;
	border-style:solid;
	border-width:1;
}*/
.item50
{
	width:50%;
	font-size:3vw;
	float:left;
	position:relative;
}
.item40
{
	width:40%;
	float:left;
	position:relative;
	text-align:center;
}
.item60
{
	width:60%;
	float:left;
	position:relative;
}
.item100
{
	font-size:3vw;
	width:100%;
	position:relative;
/*	background-color:#FFFFFF;
	border-color:#404040;
	border-style:solid;
	border-width:1;*/
}
/*.description_list
{
	width:95%;
	background-color:#FFFFFF;
	border-color:#404080;
	border-style:solid;
	border-width:1;
}
.button
{
	width:21px;
	float:left;
	text-align:center;
	display:none;
	background-color:#FFFFFF;
	border-color:#4040c0;
	border-style:solid;
	border-width:1;
}*/
.description
{
	width:100%;
	background-image:url("imagecom/lesson-bg.jpg");
	background-color:#FFFFFF;
/*	border-color:#408040;
	border-style:solid;
	border-width:1;*/
}
.description_item
{
	width:100%;
	background-color:#FFFFFF;
/*	padding:1.2vw;*/
/*	border-color:#408080;
	border-style:solid;
	border-width:1;*/
}
.sicon
{
	float:left;
	background-color:#FFFFFF;
/*	border-color:#4080c0;
	border-style:solid;
	border-width:1;*/
}
.sh10
{
	width:3vw;
	height:3vh;
	background-color:#FFFFFF;
/*	border-color:#4080f0;
	border-style:solid;
	border-width:1;*/
}

.footer
{
	width:100%;
	text-align:center;
	font-size:3vw;
	color:#eefeee;
	background-image:url("imagecom/underbar.jpg");
	background-size: cover;
	background-color:#FFFFFF;
/*	border-color:#4040f0;
	border-style:solid;
	border-width:1;*/
}

.table
{
	border: 1px solid #ff0000;
}

.tr
{
	width: 100%;
}

.td
{
	float: left;
	border: 1px solid #4b4110;
}

.table1
{
	width: 200px;
}

.td1
{
	width: 40%;
	float: left;
	border: 1px solid #4b4110;
}

.td2
{
	width: 57%;
	float: left;
	border-top: 1px solid #4b4110;
	border-right: 1px solid #4b4110;
	border-bottom: 1px solid #4b4110;
}

.table1
{
	width: 200px;
}

.th1_1{
	width: 40%;
	float: left;
	border: 1px solid #4b4110;
}

.th1_2
{
	width: 57%;
	float: left;
	border-top: 1px solid #4b4110;
	border-right: 1px solid #4b4110;
	border-bottom: 1px solid #4b4110;
}

.td1_1
{
	width: 40%;
	float: left;
	border-left: 1px solid #4b4110;
	border-right: 1px solid #4b4110;
	border-bottom: 1px solid #4b4110;
}

.td1_2
{
	width: 57%;
	float: left;
	border-right: 1px solid #4b4110;
	border-bottom: 1px solid #4b4110;
}

/*
 *form用テーブル
 */
.table2
{
	width: 100%;
}

.tr2
{
	text-align:left;
	width: 100%;
	height: 30px;
}

.td2_1
{
	width: 25%;
	float: left;
}

.td2_2
{
	width: 75%;
	float: left;
}

.table3
{
	width: 100%;
}

.tr3
{
	width: 100%;
}

.td3_1
{
	font-size: 3vw;
	width: 10%;
	float: left;
}

.td3
{
	font-size: 3vw;
	float: left;
}

.clear
{
	clear:both;
}
