@charset "utf-8";

/* ---------------------------------------- 
Information

 - Latest Css Updates : 
 - Those who update it : 
---------------------------------------- */

/* ---------------------------------------- 
 - asset
---------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
table{border-collapse:collapse; border-spacing:0;}
/* --- /reset --- */



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-table;min-height:1%;}
* html .clearfix {height:1%;}
*{zoom:1;}
.clearfix {display:block;}
/* --- /clearfix ---*/
img{
	vertical-align:bottom;
}


a,
a:link,
a:visited {
    color: #330000;
    text-decoration: none;
}
a:hover {
    color: #FF9900;
    text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
	left: 1px;
	top: 1px;
}

h2,h3 {
	text-indent	: 100%;
	white-space	: nowrap;
	overflow	: hidden;	
	background-repeat:no-repeat;
}




/* ---------------------------------------- 
 - common
---------------------------------------- */
html{
	height: 100%;
}

body{
	font-family:'Arial','ＭＳ ゴシック','ＭＳ Ｐゴシック','メイリオ',Meiryo,Osaka;
	font-size:12px;
	line-height:1.8;
	color:#555555;
}

#wrapper {

}
	


/* ---------------------------------------- 
 - header
---------------------------------------- */
#header {
	width:300px;
	margin:0 auto;
}

#header h1 {
	width:150px;
	height:58px;
	background:url(image/h1.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:10px auto;
}


/* ---------------------------------------- 
 - contents
---------------------------------------- */
#contents_wrap {
	width:100%;
	background:url(image/back_tile.jpg);
}

#border_crayon {
	width		: 100%;
	height		: 5px;
	background:url(image/border_top.png);
	background-repeat: repeat-x;
}

#note_back {
	width:300px;
	margin: 10px auto 0;
	background:url(image/back_note.png);
	background-repeat: repeat-y;
	background-size: 300px ;
	padding-top:15px;
}

#contents {
	width:234px;
	margin-left:30px;
	padding-bottom:16px;
	position:relative;
}


.pencil {
	width		: 202px;
	height		: 121px;
	background	: url(home/pencil.png);
	background-size:contain;
	position	: absolute;
	left:116px;
	top:-80px;
}

.eraser {
	width		: 90px;
	height		: 90px;
	background	: url(home/eraser.png);
	background-size:contain;
	position	: absolute;
	left:200px;
	top:-6px;
}

	
/* ---------------------------------------- 
 - menu
---------------------------------------- */
#menu {
	width:234px;
	padding:10px 0 0;
}

.menu_title {
	width:37px;
	height:13px;
	background:url(image/menu_title.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;	
	margin:0 auto 6px;;
}

#menu hr {
	margin:0;
}

.menu_hr {
	background:url(image/menu_hr.jpg);
	width:234px;
	height:1px;
	background-size:contain;
}

#menu ul {
	overflow:hidden;
}

#menu li {
	float:left;
}

#menu li a {
	display	: block;
	cursor: pointer;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;	
	background-repeat:no-repeat;
	background-position: 0 0;
	background-size:contain;
}


.nav_1 a { background:url(image/menu_1.jpg);
	width	: 118px;
	height	: 40px;
}

.nav_2 a { background:url(image/menu_2.jpg);
	width	: 116px;
	height	: 40px;
}

.nav_3 a { background:url(image/menu_3.jpg);
	width	: 118px;
	height	: 40px;
}

.nav_4 a { background:url(image/menu_4.jpg);
	width	: 116px;
	height	: 40px;
}

.nav_5 a { background:url(image/menu_5.jpg);
	width	: 118px;
	height	: 40px;
}

.nav_6 a { background:url(image/menu_6.jpg);
	width	: 116px;
	height	: 40px;
}

.nav_7 a { background:url(image/menu_7.jpg);
	width	: 118px;
	height	: 40px;
}

.nav_8 a { background:url(image/menu_8.jpg);
	width	: 116px;
	height	: 40px;
}

.nav_9 a { background:url(image/menu_9.jpg);
	width	: 118px;
	height	: 40px;
}

.nav_a a { background:url(image/menu_a.jpg);
	width	: 116px;
	height	: 40px;
}

	
/* ---------------------------------------- 
 - footer
---------------------------------------- */

#footer {
	width:100%;
	background:#66CCCC;
	-webkit-box-shadow: 0px -1px 3px #ccc;
	-moz-box-shadow: 0px -1px 5px #ccc;
	font-size:10px;
	line-height:1.4;
	color:#fff;
}

.footer_head {
	width:100%;
	border-bottom:1px solid #5CB7B7;
	padding:10px 0;
}
	
.footer_body {
	width:100%;
	border-top:2px solid #94DBDB;
	padding:10px 0;
}

.footer_contents {
	width:300px;
	margin:0 auto;
}

.footer_logo a {
	display:block;
	width:187px;
	height:32px;
	background:url(image/footer_logo.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}


.footer_body p {
	margin-bottom:8px;
}



.footer_body ul {
	display: -webkit-box;/* Safari,Google Chrome用 */
	display: -moz-box;/* Firefox用 */
}

.tel a {
	display:block;
	width:103px;
	height:23px;
	background:url(image/footer_tel.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-right:6px;
	cursor: pointer;
}

.fax {
	width:112px;
	height:23px;
	background:url(image/footer_fax.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-right:6px;
}

.pc a {
	display:block;
	width:74px;
	height:23px;
	background:url(image/footer_pc.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	cursor: pointer;
}


.footer_copy {
	font-size:8px;
	margin-top:16px;
	text-align:center;
}



/* ---------------------------------------- 
 - home
---------------------------------------- */
#home {
	font-size:12px;
}

#home h2 {
	width:173px;
	height:63px;
	background:url(home/h2.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.home_back {
	width:228px;
	height:70px;
	background:url(home/back.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:14px auto;
}

#home h3 {
	width:106px;
	height:15px;
	background:url(home/h3.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:5px;
}

#home dl {
	margin:0 0 10px 7px;
	line-height:1.5;
}

#home dt {
	clear:left;
	float:left;
	color:#85CCD6;
	width:70px;
}

#home dd {
	color:#666;
	padding-left:70px;
}


#home .menu_hr {
	margin:0 0 20px 0;
}


#home .pencil {
	left		: 95px;
	top			: 5px;
}

#home .eraser {
	left		: 190px;
	top			: 75px;
}



/* ---------------------------------------- 
 - features
---------------------------------------- */
#features {
	padding-bottom:30px;
}

#features h2 {
	width:114px;
	height:34px;
	background:url(features/image/h2.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:35px;
}

#features p {
	margin:20px 0 0 5px;
}

#features span {
	color:#36A3A3;
}

#features dl {
	margin:20px 0 10px 7px;
	background:#D3EBE7;
	padding:1px 10px;
}

#features dt {
	clear:left;
	float:left;
	width:12px;
	color:#555555;
	text-align:center;
	font-weight:normal;

}

#features dt.dt1 {
	margin-top:15px;
}


#features dd {
	padding-left:20px;
	padding-right:3px;
	margin:15px 0;
}



/* ---------------------------------------- 
 - qa
---------------------------------------- */
#qa {
	padding-bottom:0px;
}

#qa h2 {
	width:111px;
	height:43px;
	background:url(qa/image/h2.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:35px;
}

#qa dl {
	background:url(image/menu_hr.jpg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:20px;
}


#qa dt,
#qa dd {
	padding-left:26px;
	padding-top:1px;
}

#qa dt {
	background:url(qa/image/icon_q.jpg);
	background-size:20px 20px;
	background-repeat:no-repeat;
	margin-bottom:15px;
	padding-top:1px;
}

#qa dd {
	background:url(qa/image/icon_a.jpg),url(image/menu_hr.jpg);
	background-size:20px 20px,contain;
	background-repeat:no-repeat,no-repeat;
	background-position:top left,bottom left;
	padding-bottom:20px;
	margin-bottom:20px;
}




/* ---------------------------------------- 
 - results
---------------------------------------- */
#results {
	padding-bottom:0px;
}

#results h2 {
	width:114px;
	height:38px;
	background:url(results/image/h2.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:35px;
}

#results h3 {
	text-indent:0;
	color:#fff;
	background:#66CCCC;
	text-align:center;
	font-weight:bold;
}

#results p {
	margin-top:6px;
	margin-bottom:10px;
}

#results .listbox {
	clear:both;
	overflow:hidden;
}

#results .lst_left {
	width:117px;
	float:left;
}

#results .lst_right {
	width:116px;
	float:left;
	border-left:1px dotted #ccc;
}


#results ul {
	font-size:11px;
	line-height:1.4;
}

#results li {
	border-bottom:1px dotted #ccc;
	overflow:hidden;
	padding:6px 0;
}


#results dt {
	clear:left;
	float:left;
	width:75px;
	background:url(results/image/disc.jpg) no-repeat;
	background-position:6px 6px;
	background-size:2px;
	padding-left:12px;
}


#results dd {
	text-align:right;
	padding-right:3px;
}

#results dl.mark {
	margin-bottom:50px;
}

#results .mark dt {
	width:16px;
	background:none;
	padding-left:0;
}

#results .mark dd {
	text-align:left;
	padding-left:16px;
	line-height:1.5;
	padding-top:2px;
}



/* ---------------------------------------- 
 - classes
---------------------------------------- */
#classes {
	padding-bottom:0px;
}

#classes h2 {
	width:112px;
	height:37px;
	background:url(classes/image/h2.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:35px;
}

#classes h3 {
	text-indent:0;
	color:#fff;
	background:#66CCCC;
	text-align:center;
	font-weight:bold;
}

#classes p {
	margin:15px 5px;
}

#classes dl {
	line-height:1.5;
	margin:15px 5px;
}

#classes dt {
	clear:left;
	float:left;

}

#classes dd {
	padding-left:55px;
	padding-bottom:5px;
}


#classes dl.mark {
	margin-bottom:30px;
	font-size:11px;
	line-height:1.4;
}

#classes .mark dt {
	width:14px;
	background:none;
	padding-left:0;
}

#classes .mark dd {
	text-align:left;
	padding-left:14px;
	padding-top:1px;
}


#classes table {
	width:100%;
	font-size:11px;
	margin: 10px 0 5px;
}

#classes th,
#classes td {
	border:1px solid #999;
	text-align:center;
}

#classes th {
	padding: 3px 2px;
	background-color:#D3EBE7;
}



/* ---------------------------------------- 
 - information
---------------------------------------- */
#information {
	padding-bottom:0px;
}

#information h2 {
	width:114px;
	height:38px;
	background:url(information/image/h2.jpg) no-repeat;
	background-size:contain;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:35px;
}

#information h3 {
	text-indent:0;
	color:#fff;
	background:#66CCCC;
	text-align:center;
	font-weight:bold;
}

#information table {
	width:100%;
	margin: 10px 0 5px;
}

#information th,
#information td {
	border:1px solid #999;
	text-align:center;
	width:50%;
	padding:2px 0;
}

#information th {
	background-color:#D3EBE7;
}


#information dl {
	margin-bottom:30px;
	font-size:11px;
	line-height:1.4;
}

#information dt {
	clear:left;
	float:left;
	width:14px;
	background:none;
	padding-left:0;
}

#information dd {
	text-align:left;
	padding-left:14px;
	padding-top:2px;
}


#information p {
	margin:10px 5px 20px;


}

#information a img {
	margin: 20px 20px;
}

#information .odenwa {
	text-align:center;
	margin:0 0 30px;
}

#information form {
	margin-left: 0.5em;
}
#information form .Form-Btn4{
	display: block;
	padding: 10px;
	width: 150px;
	margin: 0px 30px;
	background-color: #FF9900;
	border: solid #888 1px;
	text-align: center;
	font-weight: 800;
}

#information form a{
    color: #f90;
}


/*フォーム*/

#information form .Form-Item {
	margin-left: 1em;
}

#information form p{
	margin: 15px 0 10px -1em;
}

#information .mark{
	color: #FF9900;
}

#information form .Form-Item-Label{
	border-left: solid #66CCCC 5px;
    padding: 1px 0 0 5px;
	font-weight: bold;
}

#information form input {
	width: 220px;
	border: solid #888 1px;
	background-color: #fff;
	padding: 0 0.5em;
}

#information input[type="tel"],
#information input[type="date"],
#information .short  input[type="text"] {
	width: 10em;
}

#information input[type="number"] {
	width: 3em;
	margin-right: 0.5em;
}

#information form input[type="radio"],
#information form input[type="checkbox"] {
	width: 20px;
	height: 20px;
    margin: 0 0.5em 1.5em 2.5em;
	vertical-align: top;
}
#information form input[type="radio"]:first-of-type,
#information form input[type="radio"]:last-of-type,
#information form input[type="checkbox"]:first-of-type,
#information form input[type="checkbox"]:nth-of-type(2n+1) {
	margin-left: 0;
}

::placeholder {
	color: #ddd;
}

#information form .url {
	margin-top: 0.5em;
}
#information form .url a {
    color: #f90;
	text-decoration: underline;
}

#information form textarea {
	width: 220px;
	height: 100px;
    border: solid #888 1px;
    background-color: #fff;
}

#information form .Form-Btn,.Form-Btn3{
  padding: 10px;
  width: 150px;
  margin: 15px 40px;
  background-color: #FF9900;
    border: solid #888 1px;
    text-align: center;
}

#information form .Form-Btn2,.Form-Btn4{
	display: block;
	padding: 10px;
    width: 150px;
	margin: 15px auto;
	background-color: #ddddd0;
    border: solid #888 1px;
    text-align: center;
}

#information .text {
	margin-bottom: 2em;
}