@charset 'UTF-8';

/** common settings **/

/* reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td{
	padding:0;
	margin:0;
}
table{
	border-collapse: collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-weight:normal;
	font-style:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-size:100%;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}

* html img.pngfix, div.pngfix{
	behavior: url("script/iepngfix/iepngfix.htc");
}

/* simplified style */

/*   float */
.center{
^	margin-right: auto;
^	margin-left: auto;
}
.left{
^	float:left;
}
.float_center{
	margin-right: auto;
	margin-left: auto;
}
.float_left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.clear:after{
	content:".";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}

/*   text-align */
.text-left{
	text-align:left;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}

/*   vertiacal-align */
.line-top{
	vertical-align:top;
}
.line-texttop{
	vertical-align:text-top;
}
.line-textbottom{
	vertical-align:text-bottom;
}
.line-middle{
	vertical-align:middle;
}
.line-bottom{
	vertical-align:bottom;
}
.line-baseline{
	vertical-align:baseline;
}

/*   font-weight */
.bolder{
	font-weight:bolder;
}
.lighter{
	font-weight:lighter;
}
.larger{
	font-size:110%;
}
.smaller{
	font-size:smaller;
}
.smaller2{
	font-size:75%;
}
.inline{
	display:inline;
}
.line-wide{
	line-height:120%;
}

/*   width */
.full-width{
	width:100%;
}
.nearly-width{
	width:90%;
}
.half-width{
	width:50%;
}
.nearly-half-width{
	width:45%;
}
.third-width{
	width:33.3%;
}
.quarter-width{
	width:24.9%;
}
.fifth-width{
	width:19.9%;
}


/*   other */
.wbr{
	word-break: break-all;
}
.zoom{
	zoom:100%;
}
.hidden{
	display:none;
}


/** site settings **/

/* simplified style */

.text-plane{
	color:rgb(48,48,48);
	font-weight:normal;
	text-decoration: none;
}
.warn{
	color:rgb(240,90,30);
	font-weight:bold;
}
.notice{
	color:rgb(30,90,220);
	font-weight:bold;
	font-size:90%;
}

/* common */
body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
}
input,select,textarea{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Trebuchet MS","ＭＳ Ｐゴシック",sans-serif;
	font-size:90%;
}

/* base */

html{
	color:rgb(102,102,102);
}
body{
}
h1, h2, h3{
	letter-spacing:0.2em;
	font-weight:bold;
}
h1{
	padding-left:1em;
	font-size: x-large;
}
h2{
	padding:3px;
	font-size:large;
}
h3{
	padding-top:7px;
}
fieldset{
	padding-top:3px;
	padding-left:5px;
	padding-bottom:7px;
}
legend{
	font-weight:bold;
}
/*   action */
a{
	color:rgb(0,113,188);
	text-decoration:none;
}
a:link{
	color:rgb(0,113,188);
	text-decoration:none;
}
a:visited{
	color:rgb(196,124,196);
}
a:active{
	color:rgb(255,124,124);
}
a:hover{
	text-decoration:underline;
}
.link{
	text-decoration: none;
	color:rgb(0,113,188);
	cursor:pointer;
}
.link:hover{
	text-decoration:underline;
}


/*   tags */
p{
	padding-bottom:10px;
}
td{
	padding: 3px;
	border: 0;
}
table.layout td{
	padding: 0px;
}
th{
	padding: 3px;
	border: 0;
	white-space:nowrap;
}
label{
	cursor: pointer;
}
input{
}
input.p{
	padding:2px;
	border-bottom:1px solid;
	border-color:rgb(51,102,102);
	background-color:transparent;
}
input.p-high{
	padding:2px;
	border:1px solid rgb(232,152,152);
	background-color:transparent;
}
input.c{
	background-color:transparent;
	border: 0px;
}
input.t{
	padding:2px;
	border: 1px solid rgb(51,102,102);
	background-color:transparent;
}
input.t-high{
	padding:2px;
	border:1px solid rgb(232,152,152);
	background-color:transparent;
}
input.disabled{
	background-color:rgb(255,255,255);
	color:rgb(200,200,200);
}
input.warn{
	border:1px solid rgb(150,80,80);
	background-color:rgb(255,235,235);
}
textarea.warn{
	border:1px solid rgb(150,80,80);
	background-color:rgb(255,235,235);
}
input.button{
	padding-left:2em;
	padding-right:2em;
}
input.csetext{
	width:120px;
}
option{
	margin-right:5px;
}
option.disabled{
	color:rgb(120,120,120);
}
textarea{
	padding:2px;
}
textarea.text{
	border:1px solid rgb(51,102,102);
	background-color:transparent;
}
textarea.text-high{
	border:1px solid rgb(232,152,152);
	background-color:transparent;
}
div.command input{
	margin-left:1em;
	margin-right:1em;
}

div.margin{
	margin:5px;
}
div.loading{
	background-image     : url("img/loading.gif");
	background-position  : center center;
	background-repeat    : no-repeat;
}
div.loading-l{
	background-image     : url("img/loading.gif");
	background-position  : 10px center;
	background-repeat    : no-repeat;
}

div.pager{
	text-align:center;
}
div.pager a{
	font-size:small;
	margin-left:5px;
	margin-right:5px;
}
div.pager a:hover{
}
div.pager a.nowPage{
	color:rgb(255,124,124);
}
div.pager a span.now{
	color:rgb(255,124,124);
}


span.date{
	font-size:90%;
	color:rgb(153,153,153);
}


/*- base layout -*/
html{
	background-image:url("img/back.png");
	background-position:lefttop;
	background-repeat:repeat;
	background-color:rgb(255,245,245);
}
div#site{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
div#head{
	width:100%;
	padding-bottom:5px;
}
div#head_content{
	margin-right:auto;
	margin-left:auto;
	width:900px;
	text-align:left;
}
div#head_logo{
	padding-top:15px;
}
div#head_logo h1{
	padding-left:0px;
}
div#head_menu{
	background-image:url("img/menu_back.png");
	background-position:right top;
	background-repeat:no-repeat;
	float:right;
	width:623px;
	height:77px;
	padding-top:20px;
	margin-top:-4px;
}
div#head_menu_envelope{
	float:left;
	margin-left:10px;
}
* html div#head_menu_envelope{
	margin-left:5px;
}
div#head_menu_envelope a{
	float:left;
}
div#head_menu img{
	margin-right:3px;
}
* html div#head_menu img{
}
div#body{
	background-color:rgb(255,255,255);
	margin-right:auto;
	margin-left:auto;
	height:100%;
	width:900px;
	text-align:left;
	padding-top:11px;
	padding-bottom:11px;
}
div#body:after{
	content:".";
	clear:both;
	height:0px;
	display:block;
	visibility:hidden;
}

div#foot{
	width:100%;
	margin-bottom:20px;
}
div#foot_content{
	margin-right:auto;
	margin-left:auto;
	width:900px;
	padding-top:20px;
	text-align:left;
	font-size:small;
}
div#page_title{
	margin-left:35px;
	margin-right:35px;
	margin-bottom:4px;
	border-bottom:1px solid rgb(229,229,229);
}
div#left{
	float:left;
	width:580px;
	padding-top:15px;
	padding-left:45px;
	padding-bottom:45px;
	/padding-bottom:0px;
}
div#right{
	margin-left:640px;
	/margin-left:620px;
	margin-right:10px;
	text-align:center;
	border-left:1px solid rgb(229,229,229);
	padding-top:15px;
	padding-left:15px;
	padding-right:35px;
}
div#right div.content{
	margin-bottom:15px;
	border:1px solid rgb(229,229,229);
}
div#right div.calendar{
	margin-bottom:15px;
}
div#right div.item_list div{
	text-align:left;
	padding-left:13px;
	padding-bottom:15px;
}
div#right div.content img.button{
}
div#greenheart{
	float:right;
}
div#breadcrumbs{
	margin-left:30px;
	margin-bottom:15px;
	padding-top:5px;
	font-size:small;
}
div#breadcrumbs a{
	margin-left:10px;
	margin-right:10px;
	color:rgb(77,77,77);
}
div#breadcrumbs a:hover{
	color:rgb(255,124,124);
}
div#breadcrumbs a:visited{
	color:rgb(77,77,77);
}
div#breadcrumbs a:active{
	color:rgb(255,124,124);
}
div#news_link{
	margin-top:15px;
	font-size:small;
	float:right;
}
div#news_link a{
	color:rgb(153,153,153);
	text-decoration:none;
}
div#news_link a:hover{
	color:rgb(255,124,124);
	text-decoration:underline;
}
div#news_link img{
	margin:3px;
	vertical-align:bottom;
}

h3.ball{
	background-image:url('img/h_ball.png');
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:25px;
	margin-bottom:10px;
	padding-bottom:8px;
	padding-left:40px;
	padding-top:4px;
	color:rgb(255,111,114);
}

h3.number_1, h3.number_2, h3.number_3, h3.number_4, h3.number_5{
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:12px;
	padding-bottom:10px;
	padding-left:75px;
	margin-left:10px;
	color:rgb(255,111,114);
}
h3.number_1{
	background-image:url('img/h_number_1.png');
}
h3.number_2{
	background-image:url('img/h_number_2.png');
}
h3.number_3{
	background-image:url('img/h_number_3.png');
}
h3.number_4{
	background-image:url('img/h_number_4.png');
}
h3.number_5{
	background-image:url('img/h_number_5.png');
}

div.qa{
	margin-bottom:30px;
	margin-top:20px;
	padding-left:15px;
}
div.qa p.q{
	background-image:url('img/q.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px !important;
}
div.qa p.a{
	background-image:url('img/a.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:30px !important;
}
p.number_1{
	background-image:url('img/number_1.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:36px;
	padding-bottom:21px;
}

p.number_2{
	background-image:url('img/number_2.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:36px;
	padding-bottom:21px;
}

p.number_3{
	background-image:url('img/number_3.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:36px;
	padding-bottom:21px;
}

p.number_4{
	background-image:url('img/number_4.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:36px;
	padding-bottom:21px;
}

p.number_5{
	background-image:url('img/number_5.png');
	background-position:top left;
	background-repeat:no-repeat;
	padding-top:36px;
	padding-bottom:21px;
}
/*--calendar--*/
table.cal{
	font-size:12px;
}
* html table.cal{
	font-size:x-small;
}

table.cal th{
	text-align:center;
}
table.cal td.today{
	font-weigh:bold;
}
table.cal td.before_month{
	color:rgb(225,225,225);
}
table.cal td.next_month{
	color:rgb(225,225,225);
}
table.cal a.month_transition{
	margin-right:4px;
	margin-left:4px;
}
table.cal a{
	color:rgb(255,124,124);
	text-decoration:none;
}
table.cal a:hover{
	text-decoration:underline;
}
table.single_layout{
	margin-left:50px;
	margin-right:50px;
	margin-bottom:50px;
	width:800px;
}
table.single_layout th{
	font-weight:bold;
	vertical-align:top;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid rgb(229,229,229);
}
table.single_layout td{
	vertical-align:top;
	padding-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid rgb(229,229,229);
	width:100%;
}
table.single_layout tr{
}
table.single_layout tr.no_line th{
	border-bottom:0px;
}
table.single_layout tr.no_line td{
	border-bottom:0px;
}
table#company th{
	letter-spacing:1em;
}

/* foot menu */
div#footmenu a{
	background-repeat:no-repeat;
}
a#foot_menu_home{
	background-image:url('img/foot_menu/foot_menu_home.gif');
}
a#foot_menu_home:hover{
	background-image:url('img/foot_menu/foot_menu_home_h.gif');
}
a#foot_menu_item{
	background-image:url('img/foot_menu/foot_menu_item.gif');
}
a#foot_menu_item:hover{
	background-image:url('img/foot_menu/foot_menu_item_h.gif');
}
a#foot_menu_teqnique{
	background-image:url('img/foot_menu/foot_menu_teqnique.gif');
}
a#foot_menu_teqnique:hover{
	background-image:url('img/foot_menu/foot_menu_teqnique_h.gif');
}
a#foot_menu_news{
	background-image:url('img/foot_menu/foot_menu_news.gif');
}
a#foot_menu_news:hover{
	background-image:url('img/foot_menu/foot_menu_news_h.gif');
}
a#foot_menu_company{
	background-image:url('img/foot_menu/foot_menu_company.gif');
}
a#foot_menu_company:hover{
	background-image:url('img/foot_menu/foot_menu_company_h.gif');
}
a#foot_menu_contact{
	background-image:url('img/foot_menu/foot_menu_contact.gif');
}
a#foot_menu_contact:hover{
	background-image:url('img/foot_menu/foot_menu_contact_h.gif');
}

