@charset "Shift_JIS";

/*Color
light green 153 255 102 #99ff66
dark green 0 128 0 #008000
light blue 51 153 204 #3399cc
blue 51 102 204 #3366cc
dark blue 0 0 128 #000080

red	color:#204 0 0 CC0000;

*/

/*\*//*/
textarea, select, input {
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}
/**/ 


/*ページ全体*/
img, h1, h2, h3,h4,h5,p,ul, ol,li{
	border-style:none;
	margin:0;
	padding:0;
	line-height:1.5em;	}

a,a:link,a:visited,
.link,
.back a,
ul#submenu li a,
ul.crumb li a,
#footer a,
.navi1 a,
.trackbacks a{
	color:#336699;
	text-decoration:none;
	font-weight:bold;}
a:hover,
.link:hover,
.back a:hover,
ul#submenu li a:hover,
ul.crumb li a:hover,
#footer a:hover,
.navi1 a:hover,
.trackbacks a:hover{
	color:#3399cc;
	text-decoration:underline;}
p.plink, 
p.pback{
	clear:both;
	text-align:right;
	margin-right:10px;
	padding-right:20px;
	background-position:right center;
	background-repeat:no-repeat;
	height:14px;
	vertical-align:text-bottom;
}
p.plink{background-image:url(image/right_arrow.gif);}
p.pback{background-image:url(image/top_arrow.gif);}
.clear{clear:both;}			
.green{color:green;}	
.red{color:#cc0000;}	
.left{float:left;
	margin-right:10px;}		
.right{float:right;
	margin-left:10px;}		

/*強調*/
strong{
	font-weight:bold;
	font-size:100%;}

em{
	font-style:italic;}
span{
font-weight:bold;}
.strong1{
	font-size:105%;
	color:#cc0000;}
.strong2{
	font-size:120%;
	color:#336600;}
.strong3{
	font-size:140%;
	color:#888888;}

.left{float:left;
	margin-right:10px;}		
.right{float:right;
	margin-left:10px;}		

div.btn, div.btn p{margin:0;
	padding:0;}

div.btn{
	padding:2px;
	border:1px solid #cccccc;
	float:left;
	background-color:#ffffff;
}

div.btn p a{
	display:block;
	background-position:top left;
	background-repeat: no-repeat;
	border:1px solid #cccccc;

}

div.btn p a:hover{
	background-position:top right;
	border:1px solid #10B699;
}

#main ul,#main li,#main p{
	line-height:1.5em;}
body{
	margin: 10px auto 0 auto;
	padding: 0px;
	font-family:  "Arial", Osaka,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
	font-size:90%;
	text-align:center;
	background-color:#f5f9fb;
}

#wrapper{
	margin:0 auto;
	padding: 0px;
	width: 1000px;
	background:repeat-y center top url(image/bg.png);
}

#header,#contents_out,#contents,#footer{
	margin:0 auto;
	padding: 0px;
	width: 830px;
}
#contents, #menu, #menu_in{
	margin:0 auto;
	padding: 0px;
	width: 800px;
}

#contents{	
	padding-top:0px;

}
#header{
	margin:0 auto 0px auto;
	height: 109px;
	position:relative;
	background:no-repeat top center url(image/bg_header.png);

}
#header h1{
	font-size:10px;
	font-weight:normal;
	position:absolute;
	top:-10px;
	left:10px;
	color:#cccccc;
	margin:0;
	padding:0;
	z-index:5;}
#header p{
	position:absolute;
	right:20px;
	padding:0px;
	color:#d2dcfd;
	font-size:11px;
}
#header p a{
	color:#ffffff;}

#header p#logo{
	position:absolute;
	right:auto;
	top:20px;
	left:20px;
	}

#header p#toiawase {
	top:15px;
	right:20px;
	font-weight:bold;
}
#header p#tel{
	top:37px;
	font-size:25px;
	height:20px;
	color:#ffffff;
}

#header p#fax{
	top:67px;
}
#header p#add{
	top:80px;
}
	
/*contents*/
	
#sidenavi,#main,#contents {
	text-align:left; 
	}
/*sidenavi*/


#sidenavi{
	float:left;
	width:179px;
	margin:0 5px 0 0;
	text-align:center;
	}
#sidenavi .navi1{
	margin:5px auto 5px auto;
	padding:0px;
	text-align:center;
	border:1px solid #cccccc;
	background-color:#ffffff;
	width: 177px !important;
	width /**/: 179px;
}
#sidenavi .navi1 h2{
	margin:2px auto;
	padding:6px 10px;
	width: 153px !important;
	width /**/: 173px;
	height: 20px !important;
	height /**/: 32px;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	background:url(image/sidemenu_h2.png) no-repeat center center;
	color:#ffffff;
}

#sidenavi .navi1 h2 a{
	color:#ffffff;}

#sidenavi img,
#sidenavi p{
	margin:0;}

#sidenavi .navi1 img{
	margin-top:5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left:auto;
}
#sidenavi .navi1 p,
#sidenavi .navi1 ul,
#sidenavi .navi1 li,
#sidenavi .navi1 dl,
#sidenavi .navi1 dd,
#sidenavi .navi1 dt{
	text-align:left;
	font-size:90%;
	margin:5px;
	line-height:1.3em;
}
#sidenavi .navi1 p.sideimg,
#sidenavi .navi1 p.sideimg img{
	margin:0;
	text-align:center;}
#sidenavi .navi1 p.sideimg{
	margin-bottom:3px;}

.navi1 p.plink,
#sidenavi p.plink{
	clear:both;
	height:13px;
	text-align:right;
	margin-right:10px;
	padding-right:20px;
	background-position:right center;
	background-repeat:no-repeat;
} 
.navi1 dl{
	margin:5px 0 0 0;}

.navi1 dd{
	margin:0;
	padding:0px	20px;
	border:none;}
.navi1 dt{
	padding:5px 5px 0px 5px;
	font-weight:bold;
	color:#1E79D2;
}
/*side_btn*/	
#sidenavi div.btn{
	margin:0px 0px 3px 0px;
	border:none;
	padding:0px;
	text-align:center;
	width: 179px;

}
#sidenavi div.btn p{
	margin:0 auto;
	padding:0px;
	text-align:center;
}

#sidenavi div.btn p a{
	border:1px solid #336699;
	display:block;
	height: 68px !important;
	height /**/: 70px;
	width: 177px !important;
	width /**/: 179px;
	padding:0px;
	background-image:url(image/btn_side_book.png);
	background-position:left top;
	text-indent: -1000px !important;
	text-indent /**/: 0;
	font-size:0px;}
#sidenavi div.btn p#btn_side_form a{background-image:url(image/btn_side_form.png);
	height: 40px !important;
	height /**/: 42px;
}
#sidenavi div.btn p#btn_side_company a{background-image:url(image/btn_side_company.png);
	height: 40px !important;
	height /**/: 42px;
}

#sidenavi div.btn p a:hover{
	border:1px solid #3399cc;
	background-position:left bottom;
}

/*menu*/	
#sidenavi .voicebox{	border-bottom:#999999 dotted 1px;}
#sidenavi .voicebox h3{
	font-size:10px;
	float:none;
	text-align:left;
	margin:5px 0 0 10px;
	line-height:1;
}
#sidenavi .voicebox p img{
float:left;
margin:0 3px 0 0;
}

/*menu*/	
#menu {
	margin:10px auto;
	text-align:center;
}

ul#menu_in li{
	list-style-type:none;
	margin: 0px;
	padding-left:0px;
	padding-right:5px;
	display:inline;

	}
ul#menu_in a{
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	}
ul#menu_in a:hover{}

/*menu side*/

#sidenavi #menu_side a,
#sidenavi #menu_side p,
#sidenavi #menu_side img,
#sidenavi #menu_side,
#sidenavi #menu_side h2,
#sidenavi #menu_side ul{
	margin:0;
	padding:0;

}
#sidenavi #menu_side h2 a{
display:block;
width:177px;
height:83px;
overflow:hidden;}

#sidenavi #menu_side{
	margin-bottom:15px;
	border:1px solid #cccccc;
}

#sidenavi #menu_side li{
	display:inline;
}
#sidenavi #menu_side li a,
#sidenavi #menu_side li a:link,
#sidenavi #menu_side li a:visited{	
	display:block; 
	text-align:left;
	list-style-type:none;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#888888;
	background-image:#ffffff;  
	margin:0 5px;
	padding:10px 5px 10px 15px;
	border-bottom:1px dotted #999999;
	width: 147px !important;
	width /**/: 167px;  
	height: 16px !important;
	height /**/: 37px;  
	}
#sidenavi #menu_side li a:hover{
	color:	#F1696C;
	text-decoration:underline;

}


/*main*/
#main h1{
	font-size:80%;
	margin:0 0px 10px 0px;
	padding:5px;
	border-bottom:1px solid #cccccc;
	color:#777777;
} 
#main {
	float:right;
	width:610px;
}


/*table*/

#main table{
	margin:10px auto;
	border:1px solid silver;
	border-collapse:separate;
	border-spacing:1px;
	text-align:left;
	}
#main .h2_area table img,
#main .h2_area table p{
	margin:0;
	padding:0;
	float:none;
}
#main td, #main th{
	border-style:none;
	}
#main th{
	padding:5px 15px;
	font-weight:bold;
	line-height:1.5;
	background-color:#D3DDE7;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	color:#666666;
	text-align:center;	
}
#main td{
	background-color:#ffffff;
	border-right:1px solid silver;
	border-bottom:1px solid silver;
	padding:0;
}

#main td.tdcenter{
	text-align:center;
	margin:0 auto;
}
#main table td.tdcenter img{
	clear:both;
	}

#main table .thleft{
	text-align:left;
}
#main th.thcenter,#main td.tdleft{
	text-align:left;
}
#main td{
	padding:0;
	}

#main table.tableleft{
	text-align:left;
	}
#main table.tableleft td{
	padding:5px;}
#main table.border,#main table.border tr,#main table.border td,
#main table.noframe,#main table.noframe tr,#main table.noframe td{
	border-style:none;
	background-color:#ffffff;
	border-collapse:separate;
	border-spacing:0px;
	text-align:left;
	vertical-align:top;
}
#main table.border img{
	margin:0;
}
#main table.border td{
	border-bottom:1px #999999 dotted;
}
/*mainbox*/

#main .main_box{
	border:1px solid #cccccc;
	border-left:5px #3399cc solid;
	margin:0 0 10px 0;
	padding:0px;
	position:relative;
	height:auto;
}
#main .main_box h2{
	margin:3px 0 0 0;
}
#main .main_box img{
	float:right;
	margin:0 0 0 5px;
	}	
#main .main_box h2 img{
	float:none;}
#main .main_box p{
	margin:0.2em 1px 0 10px;
	line-height:1.3em;
	text-indent:1em;
}
/* 3_box */
#main .trans_box{
	margin:15px 0 15px 0;
	padding:5px 0;
	border-bottom:1px solid #cccccc;

}
#main .border_box{
	margin:15px 0 15px 0;
	padding:5px 0;
	border:1px outset #A8A8A8;

}

#main .box_3{
	float:left;
	width:198px;
	margin:0 5px 0 0;
}
#main .box_3 h3{
	color:#336699;
	font-size:12px;
	margin:0 0 5px 0;
	}
#main .box_3 p{
	margin:0;
	line-height:1.3em;
}
/*works*/
#main div.works{
	margin:0px 0 5px 4px;
	padding:0;
	float:left;
	text-align:center;
	position:relative;
	}
#main div.works img.worknew{
	position:absolute;
	top:15px;
	left:0px;}
#main div.works h3,
#main div.works p,
#main div.works p img,
#main div.works h3 a{
	margin:0;
	padding:0;
	font-weight:normal;}
#main div.works h3{
	font-size:8px;}

/*btn_more*/
#main .box_3 p.more,
p.more,
#contents #main .main_box p.more{
	margin:5px;
	padding:0;
	text-indent: -1000px !important;
	text-indent /**/: 0;
	font-size:0px;
	text-align:left;
	float:right;
}
#main p#des_new{
	text-align:right;
	float:right;
	padding-top:5px;
}
.btn_form {
text-align:center;
margin:0 auto;}
.btn_form p.more{
		margin: 0 0 10px 30px;
		float:left;}

p.more a{
	background-position:top left;
	background-repeat: no-repeat;
	display:block;
	width:71px;
	height:24px;
	background-image:url(image/more.gif);}
p.more a.more_new{
	width:184px;
	height:34px;
	background-image:url(image/more_new.gif);}
p.more a.more_book{
	width:183px;
	height:34px;
	background-image:url(image/more_book.gif);}
p.more a.more_form_book{
	width:157px;
	height:34px;
	background-image:url(image/more_form_book.gif);}

p.more a.more_voice{
	width:169px;
	height:34px;
	background-image:url(image/more_voice.gif);}

.btn_form  p.more a{
	width:238px;
	height:60px;}
.btn_form  p.more a.btn_form_material{	background-image:url(image/btn_form_material.gif);}
	.btn_form  p.more a.btn_form_book{	background-image:url(image/btn_form_book.gif);}


p.more a:hover{
	background-position:bottom left;}


/*h2 area*/

#main .h2_area {
	clear:both;	
	padding:0;
	padding-bottom:10px;
	margin:15px 10px 15px 20px;
	text-align:left;
	border-bottom:#cccccc 1px solid;
}

#main .h2_area h2{
	margin:0;
	padding:0 0 0 10px;
	font-size:18px;
	color:#666666;
	text-decoration:none;
	background:url(image/h2_bg.gif) left top no-repeat;
	width: 567px !important;
	width /**/: 577px;  
	height: 47px !important;
	height /**/: 47px;  
	display:block;
	clear:both;
}

#main .h2_area h2 a{
	color:#666666;
}
#main .h2_area h3,
#main .h2_area h4{
	margin:15px 0px 0px 10px;
	font-size:125%;
}		
#main .h2_area h3,
#main .h2_area h3 a{
	color: #0AA5AB;
}
#main .h2_area h4,
#main .h2_area h4 a{
	color: #888888;
	font-size:120%;
}

#main .h2_area h3 a:hover,
#main .h2_area h4 a:hover{
	color: #cc0000;
	text-decoration:underline;
}

#main .h2_area img{
	float:left;
	margin-top:0.8em;
	margin-right:10px;
	margin-bottom:10px;
	}	
#main .h2_area img.right{
	float:right;
	margin-left:10px;}		
#main .h2_area p{
	margin-top:0.8em;
	margin-left:15px;
	margin-right:5px;
	margin-bottom:0px;
	line-height:1.6em;
}

#main .h2_area ul{
	list-style-position:inside;
	margin-left:20px;

}
#main .h2_area ol{
	margin-left:20px;
	margin-right:20px;
	list-style-position:inside;
}
#main .h2_area ol li{
border-bottom:1px #999999 dotted;
padding:10px 0;}			

#main .h2_area ol li a.link{
text-align:right;
}







/*table_box*/
#main table.table_box,#main table.table_box td{
border:none;} 
#main table.table_box .box_out{
	margin:0px 0 10px  10px;
	width: 270px !important;
	width /**/: 280px;
	padding:5px;
	background:repeat top left url(image/gray.png);}

#main table.table_box .box_out .box{
	background-color:#ffffff;
	margin:0;
	padding:0 5px 5px 10px;}

#main table.table_box .box_out h3{
	background:url(image/h3_box.png) repeat-y top left;
	margin:0px 0 0 10px;
	padding:5px 20px;
	position:relative;
	z-index:10;}

#main table.table_box .box_out h3 a{
	color:#666666;
	}
#main table.table_box .box_out p{
	position:relative;
	z-index:10;
	height: 24px;
}
#main table.table_box .box_out .box p.more{
	position:static;
	margin:0px;
	padding:0;
	float:right;	
	}
#main table.table_box .box_out .box p.clear{

	line-height:1px;
	font-size:1px;	margin:0px;
	padding:0;
}



/*footer*/
#footer {
	clear:both;
	text-align:left;
	position:relative;
	background:no-repeat bottom center url(image/bg_footer.png);
	font-size:85%;
	color:#ffffff;
}

ul#footer_menu{
	margin-left:10px;
	padding: 10px;
}

ul#footer_menu li{
	list-style-type:none;
	margin: 0px;
	padding-left:7px;
	padding-right:5px;
	display:inline;
	border-right:1px solid #ffffff;

	}
#footer ul#footer_menu a{
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	color:#ffffff;
	}
#footer p{
	margin-left:20px;}

#footer p#cc{
	padding:0 20px 20px 0;
	text-align:right;
	font-style:italic;
}




/*blog*/
#main ul.archive-list{
	margin:0px 0 0px 50px;
	padding:0;
		clear:both;

	}
div.entry-content {
	margin:10px 15px 10px 20px;
	padding:0;
}

#main div.h2_area div.entry-content h3 a,div.entry-content h3 a:link, div.entry-content h3 a:visited{
	color:#888888;
	text-decoration:none;
}
#main div.h2_area div.entry-content h3{
	margin:5px 0;
	padding:0 0 0 10px;
	border-left: 5px solid #FDD3D7;

}
#main div.h2_area div.entry-content h3 a:hover{
	text-decoration:underline;
}
#main div.h2_area h2.date-header{
	font-size:120%;
	margin:0px 0 0 10px;
	padding:0;
	color:#cc0000;
	background:none;
	border:none;
}

#main div.h2_area h2.archive-title{
 	margin:0px 0 0 5px;
	padding:3px 10px;
		width: auto !important;
	width /**/: auto;  
	height: auto !important;
	height /**/:auto;  
	
	background:none;	
	border-right:#cccccc 5px solid;
	border-bottom:#cccccc 1px solid;
	color: #666666;
}
#main div.h2_area h2.archive-title a{
	color: #666666;
}
#main div.h2_area .entry-header-date{
	color: #666666;
	}

#main div.h2_area div.entry-content p{
	padding:0px;
	margin:0 0 1em 0px;}

#main div.h2_area div.entry-content p.entry-footer{
	border-top:1px #cccccc solid;
	padding:5px 0 0 0;
	margin:3px 0 0 0;
	line-height:1em;
	clear:both;
}
#main div.h2_area div.entry-content p.entry-footer span.category a{ 
	font-size:90%;
	margin-left:10px;
	text-decoration:underline;
}

#main .h2_area div.entry-content h2{
	margin-bottom:10px;}
#main .h2_area div.entry-content h2 a,#main .h2_area div.entry-content h2 a:link, #main .h2_area div.entry-content h2 a:visited{
	color: #ff6633;}

#main .h2_area div.entry-content h3,
#main .h2_area div.entry-content h4,
#main .h2_area div.entry-content h5{
	margin:5px 0;
	padding:0;
	font-weight:bold;
	font-style:normal;
}

#main .h2_area div.entry-content h5{
	margin-top:10px;
	
	color:#cccccc;
	font-size:90%;}
#main .h2_area div.entry-content h5 a{color:#cccccc;}

#main .h2_area #trackbacks-info{
	border:2px dotted #666666;
	background-color:#F8F2FC;
	padding:5px;
	padding-top:0;
	margin:15px;
 }
#main .h2_area p.trackback-content{
	border-top:1px solid #999999;}

#main .h2_area #comments-open-footer{
	margin:5px 20px;}


#sidenavi .navi1 ul,
.navi1 ul{
	margin:5px 5px 10px 5px;
	padding:0;
	text-align:left;
}
#rightnavi form{
	margin:5px;}

#sidenavi .navi1 li,
.navi1 li{
	padding:0;
	margin:0;
	line-height:1.5em;
	list-style-position:inside;
}
#sidenavi .navi1 p.feed{
	margin:0;
	text-align:center;
	}
#sidenavi .navi1 p.feed img,
.navi1 p.feed img{
	vertical-align:middle;
	margin:5px 3px 5px 10px
}
#main div.h2_area p.feed{
	margin:0 3px 0px 3px;
	float:right;
	padding:0 3px;
	background-color:#999999;
	border:outset 2px #ffffff;
}
#main div.h2_area p.feed a{
	color:#ffffff;
	font-weight:bold;
	font-size:80%;
}
/* 20:お問い合わせ */
#main div.h2_area table.contact{
width:100%;
border:5px solid #CCCCCC;
margin:0 0 20px 0;
}

#main div.h2_area table.contact th{
width:30%;
border:1px solid #CCCCCC;
background:#F5F5F5;
padding:10px;
}
#main div.h2_area table.contact td{
width:70%;
border:1px solid #CCCCCC;
padding:10px;
text-align:left;
background-color:#FFFFFF;
}
#main div.h2_area em.must{
font-size:120%;
font-style:normal;
font-weight:bold;
color:#CC0000;
}

#main div.h2_area em.check{
font-size:80%;
font-style:normal;
font-weight:normal;
}

#main div.h2_area table.contact td input,
#main div.h2_area table.contact td textarea{
padding:5px;
}

#main div.h2_area .confirm{
margin:20px 0;
text-align:center;
background:#F5F5F5;
padding:10px;
}

#main div.h2_area .confirm .submitBtn{
padding:10px 20px;
}

#main div.h2_area .confirm .resetBtn{
}

#main div.h2_area .confirm .backBtn{
}
#main div.h2_area div.error{
border:5px solid #CC0000;
padding:10px;
margin:0 0 20px 0;
}

#main div.h2_area div.error ul{
padding:0 0 0 15px;
}

#main div.h2_area div.error ul li{
list-style-type:disc;
}

#main div.h2_area div.error p{
color:#CC0000;
font-weight:bold;
margin:0 0 10px 0;
}

#main div.h2_area p.contactText{
margin:0 0 20px 0;
font-size:100%;
}
/*ギャラリー*/
.highslide {
    cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
    border: 2px solid gray;
}
.highslide:hover img {
    border: 2px solid white;
}
.highslide-image {
    border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
    color: white;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    padding: 3px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
    font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}