@charset "utf-8";
html{
	overflow:scroll;
}
body{
	margin:0px auto;
	padding:0px;
	line-height:1.5em;
	text-align:center;
	font-size:80%;
	color:#333333;
	background-image:url(../img/bg.gif);
        font-family: "MS UI Gothic","MS PGothic";
}
table{
	font-size:100%;
}
div{
	margin:0px;
	padding:0px
}
p{
	margin:0px;
	padding:0px
}
img {
	border:0px;
	padding:0px;
	margin:0px;
	vertical-align:bottom;
}
form {
	padding:0px;
	margin:0px;
}
h1 , h2 , h3 , h4 , h5{
	margin:0px;
	padding:0px;
}
a:link {
	text-decoration:none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	text-decoration:none;
}
.err{
	background-color:#fff0f0;
	font-size:110%;
	font-weight:bold;
	border:1px solid #ff0000;
}
.red{
	font-size:110%;
	font-weight:bold;
	color:red;
}
.blue{
	color:#0096FF;
}
/************************************/
/*  共通
/************************************/
h2{
	margin:30px 0px 15px 0px;
	padding:7px 0px 10px 45px;
	font-size:150%;
	background :#FFF0F0 url(../img/list1.gif);
	background-repeat: no-repeat;
	background-position:5px 0;
}
h3{
	margin:20px 0px 15px 0px;
	padding:7px 0px 10px 45px;
	font-size:150%;
	background-image : url(../img/list2.gif);
	background-repeat: no-repeat;
}
.right_p{
	margin:0px 30px 0px 60px;
}
.right_p_red{
	margin:0px 0px 5px 60px;
	font-size:120%;
	font-weight:bold;
	color:red;
}
.right_p_red{
	margin:0px 0px 0px 60px;
}
.photo{
	margin:10px 30px 20px 60px;
}
.photo image{
	margin-bottom:5px;
	margin-right:10px;
}
.line{
	margin:10px 0px 10px 25px;
}

.dl dt{
	margin:20px 0px 0px 50px;
	padding:2px 0px 2px 10px;
	border-style:solid;
	border-color:#ff6400;
	border-width:0px 0px 0px 2px;
	background-color:#ffffdc;
	font-weight:bold;
}
.dl dd{
	margin:7px 30px 10px 20px;
}
.dl ul{
	padding-top:10px;
	padding-bottom:10px;
}
.dl li{
	margin:0px 0px 0px 10px;
}
.cl{
	clear:left;
}
.tb{
	width:580px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin:10px 0px 10px 15px;
	text-align:left;
	background: #fff;
	text-align:center;
}
.tb td , .tb th{
	padding:7px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.tb th{
	width:180px;
	background: #FFFFF0;
	color:#505050;
}
.tb2{
	width:580px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin:10px 0px 10px 15px;
	text-align:left;
	background: #fff;
}
.tb2 td , .tb2 th{
	padding:7px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}

.tb2 th{
	width:180px;
	background: #FFFFF0;
	color:#505050;
}
.ex{
	margin:5px;
	padding:0px;
	font-size:80%;
	color:#666;
	font-weight:normal;
}

/************************************/
/*  header
/************************************/
#header{
	width:950px;
	margin:0px auto;
	padding-top:15px;
	background-color:#fff;
}
#header h1{
	width:950px;
	margin:0px;
	padding-left:40px;
	height:25px;
	font-size:100%;
	font-weight:normal;
	color:#D2FFFF;
	background-image : url(../img/head_h1.gif);
	background-repeat: no-repeat;
	background-position:5px 0;
	text-align:left;
	overflow:hidden;
}
#header h1 a:link ,
#header h1 a:visited ,
#header h1 a:hover ,
#header h1 a:active {
	color:#fff;
}
/************************************/
/*  container
/************************************/
#container{
	width:950px;
	margin:0px auto;
	text-align:left;
	background-color:#fff;
	clear:both;
}


/************************************/
/*  logo
/************************************/
#logo{
	margin:0px 20px;
}
.img{
	width:300px;
	float:left;
}
.img a{
	background-image : url(../img/logo.gif);
	background-repeat: no-repeat;
	width:300px;
	height:60px;
	display:block;
	text-indent:-9999px;
}

.img a:hover{
	background-position:-300px 0;
}
.tel a{
	width:415px;
	height:60px;
	background-image : url(../img/head_tel.gif);
	background-repeat: no-repeat;
	display:block;
	text-indent:-9999px;
	float:right;
}




/************************************/
/*  title
/************************************/
#title{
	margin:0px 0px 0px 5px;
	padding-top:5px;
	clear:both;
}




/************************************/
/*  right
/************************************/
#right{
	width:630px;
	margin:10px 10px 10px 5px;
	float:right;
}
.mail{
	width:560px;
	height:150px;
}
.mail a{
	width:560px;
	height:150px;
	margin:15px 0px 0px 30px;
	background-image : url(../img/mail.gif);
	background-repeat: no-repeat;
	display:block;
	text-indent:-9999px;
}
.mail2{
	width:415px;
	height:60px;
}
.mail2 a{
	width:415px;
	height:60px;
	margin:15px 0px 0px 30px;
	background-image : url(../img/free_mail.gif);
	background-repeat: no-repeat;
	display:block;
	text-indent:-9999px;
}


.point_box{
	width:185px;
	margin:20px 0px 0px 30px;
	float:left;
}
.point_box h3{
	width:180px;
	height:60px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.point1{
	background-image:url(../img/point1.gif);
}
.point2{
	background-image:url(../img/point2.gif);
}
.point3{
	background-image:url(../img/point3.gif);
}
.point4{
	background-image:url(../img/point4.gif);
}
.blog h4 a{
	width:630px;
	height:30px;
	margin:20px 0px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/blog.gif);
	text-indent:-9999px;
	display:block;
}
.blog dl {
	margin:0px 10px 5px 5px;
	padding:0px;
	background-color:#fff;
}

.blog dt{
	margin:10px 0px 0px 10px;
	color:#666;
	font-size:85%;
}
.blog dd{
	margin-left:15px;
	padding-bottom:5px;
	padding-left:20px;
	background-image:url(../img/list4.gif);
	background-repeat: no-repeat;
	background-position:0 2px;
	border-bottom:1px dotted #ccc;
}

.topics h4 a{
	width:630px;
	height:30px;
	margin:20px 0px;
	background-position:0 0;
	background-repeat:no-repeat;
	background-image:url(../img/topics.gif);
	text-indent:-9999px;
	display:block;
}
.topics dl {
	margin:0px 10px 5px 5px;
	padding:0px;
	background-color:#fff;
}

.topics dt{
	margin:5px 0px 0px 10px;
	color:#666;
	font-size:85%;
}
.topics dd{
	margin-left:15px;
	padding-bottom:5px;
	padding-left:20px;
	background-image:url(../img/list4.gif);
	background-repeat: no-repeat;
	background-position:0 2px;
	border-bottom:1px dotted #ccc;
}
.flow{
	margin:20px 0px 0px 80px;
	list-style-image: url(../img/step.gif); 
}
.flow li{
	margin:10px 30px 10px 0px;
}
.flow_li{
	margin-top:10px;
	margin-left:-50px;
	padding:10px;
	background-color:#fffff5;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #BBB;
	border-bottom: 1px solid #BBB;
}
.Step_arrow{
	margin:10px 0px 10px 100px;
	width:50px;
	height:25px;
	text-indent:-9999px;
	background-image : url(../img/arrow.gif);
	background-repeat: no-repeat;
}
.Step_no{
	font-size:20px;
	font-weight:bold;
	padding-top:4px;
}
.thumbnail{
	width:190px;
	margin:10px 10px 10px 0px;
	text-align:center;
	float:left;
	border:1px solid #e7e7e7;
}
.thumbnail_name{
	margin:3px auto;
}
.tyui{
	padding-top:15px;
}
.tyui ul{
	width:560px;
	height:160px;
	margin-left:40px;
	text-indent:-9999px;
	background-image : url(../img/top_tyui.gif);
	background-repeat: no-repeat;
	background-position:0 0;
	list-style:none;
}
.tyui p{
	width:560px;
	height:180px;
	margin-left:40px;
	margin-bottom:15px;
	text-indent:-9999px;
	background-image : url(../img/top_tyui2.gif);
	background-repeat: no-repeat;
	background-position:0 0;
}
.produce{
	width:555px;
	margin-left:20px;
	margin-right:40px;
	padding:20px 0px;
	border-bottom:3px dotted #969696;
}
.produce strong{
	color:#005896;
}
.produce h3{
	margin:0px 0px 0px 240px;
	padding:0px;
	font-size:150%;
	background :#FFF;
	color:#643200;
}
.produce_img{
	width:220px;
	margin:0px 0px;
	padding:2px;
	float:left;
	border-top:1px solid #DCDCDC;
	border-left:1px solid #DCDCDC;
	border-right:1px solid #787878;
	border-bottom:1px solid #787878;
}
.produce ul{
	padding:0px;
	margin:5px 0px 10px 240px;
	list-style:none;
}
.produce li{
	margin:0px;
}
.produce ul ul{
	padding-top:30px;
	padding-left:20px;
	margin:10px 0px 0px 25px;
	background-image : url(../img/produce_seo.gif);
	background-repeat: no-repeat;
	background-position:0 0px;
}
.produce_url{
	padding-left:30px;
	background-image : url(../img/produce_url.gif);
	background-repeat: no-repeat;
	background-position:0 3px;
}
.produce_url a:link{
	text-decoration:none;
	color:#004E64;
}
.produce_url a:visited{
	text-decoration:none;
	color:#004E64;
}
.produce_url a:hover{
	text-decoration:underline;
	color:#004E64;
}
.produce_url a:active{
	text-decoration:none;
	color:#004E64;
}
.page_up1 , .page_up2 , .page_up3{
	margin:20px 10px;
}
.page_up1 h3 , .page_up2 h3 , .page_up3 h3{
	margin:0px;
	padding:0px;
	background :none ;
	background-repeat: no-repeat;
	background-position:0 0;
	text-indent:-9999px;
}
.page_up1 p , .page_up2 p , .page_up3 p{
	text-indent:-9999px;

}
.page_up1 ul , .page_up2 ul , .page_up3 ul{
	text-indent:-9999px;
	list-style:none;
}
.page_up1{
	width:600px;
	height:130px;
	background-image : url(../img/page_up.gif);
}
.page_up2{
	width:600px;
	height:300px;
	background-image : url(../img/page_up2.gif);
}
.page_up3{
	width:600px;
	height:230px;
	background-image : url(../img/page_up3.gif);
}
.produce_voice{
	padding-top:30px;
	padding-left:20px;
	margin:10px 0px 0px 0px;
	background-image : url(../img/produce_voice.gif);
	background-repeat: no-repeat;
	background-position:0 0px;
	clear:left;
}

.link_ul{
	margin-right:25px;
	list-style:none;
}
.link_ul li{
	padding-left:20px;
	margin-top:3px;
	padding-bottom:2px;
	background-image : url(../img/list6.gif);
	background-repeat: no-repeat;
	background-position:0 4px;
	border-bottom:1px dotted #ccc;
}
/************************************/
/*  Page        　　                */
/************************************/

.Page {
	margin:15px auto 15px auto;
	text-align:center;
}

.Page a{
	margin:0px 1px;
	padding:5px 10px;
	border-style:solid;
	border-color:#cccccc;
	border-width:1px;
	background-color:#ffffff;
}
.Page a:hover{
	background-color:#FFE6C8;
	text-decoration:none;
}
.page_now{
	margin:0px 1px;
	padding:5px 10px;
	border-style:solid;
	border-color:#ccc;
	border-width:1px;
	background-color:#e7e7e7;
	font-weight:bold;
}
/************************************/
/*  print
/************************************/
.print h3 {
	background:#FFFFEB url(../img/list2.gif);
	background-repeat: no-repeat;
	clear:left;
}
.print_img {
	margin:0px 20px 20px 30px;
	border:1px solid #ccc;
	padding:1px;
	background:#fffff0;
	float:left;
}
/************************************/
/*  staff
/************************************/
.staff {
	margin-left:10px;
	font-style: italic;
	background-image : url(../img/staff.gif);
	background-position:0 0;
	background-repeat: no-repeat;
}
.staff dl{
	margin-top:-5px;
	padding:0px 20px;
}
.staff dt{
	width:150px;
	height:150px;
	margin-left:15px;
	margin-top:15px;
	float:left;
}
.staff dd{
	width:350px;
	margin:0px 20px 0px 170px;
	padding-top:20px;
}
.staff ul{
	margin:10px 0px 0px 35px;
	padding:0px;
}
.staff li{
	border-bottom:1px dotted #e7e7e7;
}
.staff h3{
	margin:0px;
	padding:5px 0px 0px 50px;
	height:38px;
	font-size:100%;
	background-image : url();
	background-position:0 0;
	background-repeat: no-repeat;
}
.staff p{
	margin:0px 40px;
	clear:left;
}
.staff_bg{
	width:600px;
	background-image : url(../img/staff_bg.gif);
	background-position:0 0;
	background-repeat: repeat-y;
}
.staff_bottom{
	height:37px;
	margin-bottom:30px;
	background-image : url(../img/staff_bottom.gif);
	background-position:0 0;
	background-repeat: repeat-y;
	text-indent:-9999px;
}
.hyouki{
	margin:20px 0px 15px 0px;
	padding:7px 0px 10px 45px;
	font-size:150%;
	background-image : url(../img/list2.gif);
	background-repeat: no-repeat;
}
/************************************/
/*  HTML
/************************************/
.html{
	font-size:120%;
}
.html h2{
	font-size:150%;
}
.html h3{
	margin:50px 0px 0px 30px;
	clear:left;
	background-image : url(../img/list3.gif);
	background-repeat: no-repeat;
	font-size:140%;
	border-bottom:1px solid #ccc;
}
.html .real{
	margin:50px 0px 0px 30px;
	clear:left;
	background-image : url(../img/list5.gif);
	background-repeat: no-repeat;
}
.html p{
	margin:0px 40px 10px 40px;
}
.html_top ul{
	list-style:none;
	width:550px;
	margin:15px 0px 0px 40px;
	padding:20px 10px;
	background-color:#FFFFF5;
	border:1px solid #ccc;
	overflow:hidden;
}
.html_top li{
	width:150px;
	margin:5px 10px 0px 0px;
	padding:2px 0px 2px 10px;
	border-style:solid;
	border-color:#ff6400;
	border-width:0px 0px 0px 2px;
	float:left;
}
.html_box{
	padding:10px;
	margin:15px 80px 0px 50px;
	border:1px solid #dcdcdc;
	background:#fffff0;
}

/************************************/
/* ヘルプ
/************************************/
.helpgp dt {
	padding:5px;
	margin:0px 40px 10px 40px;
	font-size:120%;
	background:#fff3a3;
	border:1px solid #e7bd72;
}
.helpgp dd {
	margin:5px 0px 50px 70px;
	font-size:120%;
}

/************************************/
/*  left
/************************************/
#left{
	width:250px;
	margin:0px 0px 10px 10px;
	float:left;
	background-image : url(../img/left_bg.gif);
	background-repeat: repeat;
}
#left .menu{
	margin:15px 0px 15px 15px;
}
#left .menu ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#left .menu li{
	margin:0px 0px 2px 0px;
	padding:0px;
}
#left .menu a {
	width:220px;
	height:30px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
	padding:0px;
}
#left .menu a:hover {
	background-position:-220px 0;
}
#left .menu a.now {
	background-position:-440px 0;
}
#left .menu1 a{
	background-image:url(../img/menu/menu1.gif);
}
#left .menu2 a{
	background-image:url(../img/menu/menu2.gif);
}
#left .menu3 a{
	background-image:url(../img/menu/menu3.gif);
}
#left .menu4 a{
	background-image:url(../img/menu/menu4.gif);
}
#left .menu5 a{
	background-image:url(../img/menu/menu5.gif);
}
#left .menu6 a{
	background-image:url(../img/menu/menu6.gif);
}
#left .menu7 a{
	background-image:url(../img/menu/menu7.gif);
}
#left .menu8 a{
	background-image:url(../img/menu/menu8.gif);
}
#left .menu9 a{
	background-image:url(../img/menu/menu9.gif);
}
#left .menu10 a{
	background-image:url(../img/menu/menu10.gif);
}
#left .menu11 a{
	background-image:url(../img/menu/menu11.gif);
}

.left_plan{
	width:220px;
	margin:0px 0px 0px 15px;
}
#left .left_plan ul{
	margin:0px 0px 10px 0px;
	padding:0px;
	list-style:none;
}
#left .left_plan li{
	margin:0px 0px 2px 0px;
	padding:0px;
}

#left .left_plan .food_a a {
	width:220px;
	height:30px;
	text-indent:-9999px;
	display: block;
}
#left .left_food {
	width:220px;
	height:100px;
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0px;
	background-image:url(../img/left_food.gif);
}
#left .left_food p{
	margin:10px 10px 0px 10px;
}
.left_blog,
.left_work{
	width:220px;
	margin:0px 0px 0px 15px;
}
.left_blog h4 a,
.left_work h4 a{
	height:34px;
	margin:0px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
}
.left_work h4 a{
	background-image:url(../img/left_work.gif);
}
.left_blog h4 a{
	background-image:url(../img/left_blog.gif);
}
.left_blog dl,
.left_work dl{
	margin:0px;
	padding:5px 20px 10px 20px;
	list-style:none;
	background-image:url(../img/left_area2.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
.left_blog dt,
.left_work dt{
	font-size:80%;
	color:#505050;
}
.left_blog dd,
.left_work dd{
	margin-left:3px;
	padding-bottom:5px;
	padding-left:20px;
	background-image:url(../img/list4.gif);
	background-repeat: no-repeat;
	background-position:0 2px;
	border-bottom:1px dotted #ccc;
}
.left_area{
	width:220px;
	margin:0px 0px 0px 15px;
}
.left_area h5{
	height:34px;
	margin:0px;
	background-image:url(../img/left_area.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.left_area ul{
	margin:0px;
	padding:5px 20px 10px 20px;
	list-style:none;
	background-image:url(../img/left_area2.gif);
	background-position:0 0;
	background-repeat:repeat-y;
}
.left_area li{
	margin:0px;
	padding:0px;
	display: inline;
	font-size:80%;
	color:#666;
}
.left_area_bottom{
	height:13px;
	background-image:url(../img/left_area3.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.left_w3c{
	width:220px;
	margin:0px 0px 15px 15px;
	font-size:80%;
	color:#666;
}
.left_w3c p{
	margin:5px 20px;
	clear:left;
}
.left_w3c .xhtml a{
	width:88px;
	height:31px;
	margin:15px 20px 0px 5px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
	background-image:url(../img/w3c_xhtml.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
}
.left_w3c .css a{
	width:88px;
	height:31px;
	margin:15px 0px 0px 0px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
	background-image:url(../img/w3c_css.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
}
.left_wamise{
	margin:0px 0px 0px 15px;
}

.left_wamise a{
	width:220px;
	height:100px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
	background-image:url(../img/wamise.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	float:left;
}
.left_seo ul{
	list-style:none;
}
.left_book{
	margin:0px 0px 10px 15px;
}

.left_tw{
	margin:0px 0px 10px 15px;
}
.left_tw h3{
	background:none;
}




/************************************/
/*  Step                            */
/************************************/
#Step{
	width:580px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin:10px 0px 10px 15px;
	text-align:left;
	background: #e7e7e7;
}
#Step td , #Step th{
	padding:4px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	color:#999;
}

#Step th{
	width:170px;
	background: #ffe6e6;
	color:#333333;
}
.Step_navi{
	width:580px;
	margin:-10px 0px 0px 15px;
}
.Step_navi td{
	width:170px;
}
.Step_com{
	margin:10px 0px 10px 15px;
	padding:10px;
}
.tb2 textarea{
	width:90%;
	height:100px;
	font-size:100%;
}
.Mail_submit{
	margin:0px 0px 20px 15px;
}

/************************************/
/*  footer
/************************************/
#footer{
	clear:both;
}
.page_top{
	margin-top:25px;
	border-bottom:2px solid #DCDCCA;
}
.page_top a{
	width:120px;
	height:25px;
	margin-left:800px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	display: block;
	background-image:url(../img/page_top.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
.page_top a:hover {
	background-position:-120px 0;
}
.f_menu{
	text-align:center;
}
.f_menu ul{
	margin:0px;
	padding:20px 0px 0px 0px;
}
.f_menu li{
	list-style-type: none;
	display: inline;
	padding: 0px 0.8em 0px;
	border-right: 1px black solid;
}
#footer .f_menu_last{
	border-right: none;
}
.ferret img{
	width:1px;
	height:1px;
}