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


/* common pages */

#main_visual {
	background-image:url(../images/bg_mainvisual.gif);
	background-repeat:repeat-x;
}

#contents_left {
	padding-top:0;
}

#pankuzu {
	padding:15px 0 15px 0;
}


/*----- information page -----*/
p.blog_day {
	clear:both;
	color:#5B5957;
	background-color:#F0EAE5;
	border:solid 1px #CBC6C1;
	padding:5px;
	text-align:right;
	margin-top:1.5em;
}
.wp-pagenavi{
	margin:30px 0 20px 0;
	text-align:center;
}
.wp-pagenavi span, .wp-pagenavi a {
	margin:0 4px 0 4px;
}
.side_navi {margin-bottom:30px;}
.side_navi li{width:200px;float:left;margin-bottom:5px;}
.side_navi li.sn_header{
	background-image:url(../images/sb_menu_top.gif);
	background-repeat:no-repeat;
	background-color:#80AF00;
	padding:8px 0px 8px 0px;
	text-indent:25px;
	color:#FFFFFF;
	font-weight:bold;
	font-family:'メイリオ',Meiryo;
}
.side_navi li a {
	background-image:url(../images/icon_green.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	text-decoration:none;
	display:block;
	border:solid 1px #80AF00;
	padding:5px 5px 5px 23px;
	color:#80AF00;
}

*html .side_navi li a {
	width:172px;
}

.side_navi li a:hover{
	background-color:#80AF00;
	color:#FFFFFF;
}
.side_navi li.current-cat {
	background-color:#EEFFC1;
}



/*----- advantages page -----*/
.text_wrapper p b {
	color:#C11A22;
	font-size:123.1%;
	font-weight:bold;
}



/*----- examples page -----*/
.exm01, .exm02, .exm03, .exm04, .exm05, .exm06 {
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:182px;
}
.exm01{	background-image:url(../images/img_exm02.gif);}
.exm02{	background-image:url(../images/img_exm03.gif);}
.exm03{	background-image:url(../images/img_exm04.gif);}
.exm04{	background-image:url(../images/img_exm05.gif);}
.exm05{	background-image:url(../images/img_exm06.gif);}
.exm06{	background-image:url(../images/img_exm07.gif);}



/*----- contact page -----*/
input.text, input.mail{padding:2px;width:400px;}
input.mail{ime-mode: disabled;}
.btn:hover{
	filter:alpha(opacity=75); /*IE*/
	-moz-opacity:0.75; /*FF*/
	opacity:0.75;
}
select{padding:2px;width:400px;}
textarea{	padding:4px;width:440px;}

span.indispensable{
	color:#ce4f36;
	font-weight:bold;
}

#contact_error {
	background-color: #fcf4f3;
	font-weight: bold;
	border:dashed 2px #ce4f36;
	padding:10px;
	color:#ce4f36;
	font-size:123.1%; 

}