@charset "utf-8";



/*

Theme Name: maxline

Theme URI: http://maxline.co.jp/

Description: maxlineテーマ

Version: 1.0

Author: Maxline

Author URI: http://maxline.co.jp/

Tags: blue, custom header, fixed width, two columns, widgets

*/



/* 

=============================

(C) maxline

last update 091009

=============================*/



body {

	font-family: "ＭＳ Ｐゴシック", Tahoma, "Tbuchet MS", Arial, Helvetica, sans-serif, Osaka;

	padding: 0px;

	font-size: 12px;

	line-height: 150%;

	margin: 0 auto 0 auto;

	width: 1000px;

	background: url(images/common_background.jpg) repeat-y top center;

}



img {

    border: 0;

	vertical-align: top;

	}



div#header h1 {

	font-size: 11px;

	color: #666666;

	text-align: left;

	padding: 0px;

	font-weight: normal;

	text-indent: 10px;

	height: 20px;

	border-bottom: 5px solid #CC3300;

	display: inline-block;

	margin: 0px;

	width: 1000px;

}



ul{

    margin: 0; padding: 0;

	}



a {

	text-decoration: none;

	font-weight: normal;

	color:#333;

	}

	

a:hover {

	text-decoration: none;

	font-weight: normal;

	color:#C2351E;

	}

	

a:hover img {

	opacity: 0.5;

	filter: alpha(opacity=50);

}

	

/* float解除用

-------------------------------*/

.clearfix:after {

  content: ".";  /* 新しい要素を作る */

  display: block;  /* ブロックレベル要素に */

  clear: both;

  height: 0;

  visibility: hidden;

}



.clearfix {

  min-height: 1px;

}



* html .clearfix {

  height: 1px;

  /*¥*//*/

  height: auto;

  overflow: hidden;

  /**/

}

   		

/*ブロック*/



div#container {

	width: 1000px;

	padding: 0;

	margin: 0 auto 0 auto;

	display: block;

	}



div#header {

	width: 1000px;

	text-align: left;

	display: block;

	background: url(images/index_header.jpg) no-repeat 0px 25px;

	height: 100px;

	clear: both;

}



div#content {

	width: 1000px;

	margin: 0px;

	display: block;

	padding: 0px;

}



div#sidebar {

	float: left;

	width: 220px;

	background: url(images/index_sidebar_back.jpg) repeat-y;

	text-align: left;

	margin: 10px 0 0 5px;

	_margin: 10px 0 0 2px;

	display: block;

}



div#sidebar .s_bottom{

	background: url(images/index_sidebar_bottom.jpg) no-repeat left bottom;

	height: 4px;

	width: 220px;

	display: block;

    }



div#sidebar .s_top {

	background: url(images/index_sidebar_top.jpg) no-repeat left top;

	height: 8px;

	width: 220px;

	display: block;

}



div#main {

	float: right;

	background-color: #FFFFFF;

	width: 740px;

	margin: 10px 5px 0 0;

	_margin: 10px 2px 0 0;

	display: block;

}



div#footer {

	width: 1000px;

	background: url(images/index_footer_back.jpg) repeat-x;

	height: 27px;

	clear: both;

	vertical-align: baseline;

	text-align: center;

	padding-top: 5px;

	margin: 20px 0 10px 0;

	display: block;

}



/*ヘッダー部分*/

ul#header_navi li.header_navi01 a {

	background: url(images/index_header_navi01.gif) no-repeat 0 0;

	}



ul#header_navi li.header_navi01 a:hover {

	background: url(images/index_header_navi_on01.gif) 0 0;

	}

	

	   

div#header.titlebar{

	background: url(images/common_title.jpg) no-repeat left top;

	height: 85px;

	width: 1000px;

	display: inline-block;

}



div#header.title_link1{

	float: right;

	text-align: right;

	margin: 5px 5px 0 0;

	padding: 0;

	clear: both;

	 }



div#header.title_link2{

	float: right;

	text-align: left;

	margin: 30px 5px 0 0;

	padding: 0;

	clear: right;

	width: 300px;

	 }

	 

div#topimage{

	height: 229px;

	width: 1000px;

	display: block;

	background: url(images/common_header_bar.gif) no-repeat 0 bottom #FFFFFF;

}



div#main div.mainimage{

	background: url(images/index_mainimage.jpg) no-repeat;

	text-indent: -9999px;

	display: block;

	height: 180px;

	width: 740px;

}





div#main .imglink {

	width: 200px;

	height: 25px;

	margin: -30px 50px auto auto;

	background-color: #FFF;

}

/*ヘッダーメニュー*/



div#header div.sitemap{

	display:block;

	width:75px;

	height:19px;

	margin:2px 0 0 921px;

}

div#header div.sitemap a{

	display:block;

	width:75px;

	height:19px;

	text-indent:-9999px;

	outline:none;

}



div#header div.sitemap a:hover{

	background: url(images/index_header_on.jpg) no-repeat -921px -2px;

}

div#header div#logo{

	display:block;

	width:430px;

	height:45px;

	margin:2px 0 0 10px;

}

div#header div#logo a{

	display:block;

	width:430px;

	height:45px;

	text-indent:-9999px;

	outline:none;

}

div#header ul{

	display:block;

	width:300px;

	height:15px;

	list-style-type:none;

	text-align: left;

	margin: -20px 0 0 695px;

}

div#header ul:after{

	display:block;

	content:"";

	height:0;

	clear:both;

}

div#header ul li{

	display:block;

	height:15px;

	float:left;

}

div#header ul li a{

	display:block;

	height:15px;

	text-indent:-9999px;

	outline:none;

}

/**/

div#header ul li.link01,

div#header ul li.link01 a{

	width:60px;

	background:url(images/index_header.jpg) no-repeat -695px -48px;

}

div#header ul li.link01 a:hover{

	background:url(images/index_header_on.jpg) no-repeat -695px -48px;

}

div#header ul li.link02{

	margin-left:5px;

}

div#header ul li.link02 a{

	width:66px;

	background:url(images/index_header.jpg) no-repeat -760px -48px;

}

div#header ul li.link02 a:hover{

	background:url(images/index_header_on.jpg) no-repeat -760px -48px;

}

div#header ul li.link03{

	margin-left:8px;

}

div#header ul li.link03 a{

	width:77px;

	background:url(images/index_header.jpg) no-repeat -834px -48px;

}

div#header ul li.link03 a:hover{

	background:url(images/index_header_on.jpg) no-repeat -834px -48px;

}

div#header ul li.link04{

	margin-left:10px;

}

div#header ul li.link04 a{

	width:73px;

	background:url(images/index_header.jpg) no-repeat -921px -48px;

}

div#header ul li.link04 a:hover{

	background:url(images/index_header_on.jpg) no-repeat -921px -48px;

}



/*メニューナビ*/



ul#menunavi{

	display:block;

	width:1000px;

	height:35px;

	list-style-type:none;

	margin: 0;

}

ul#menunavi:after{

	display:block;

	content:"";

	height:0;

	clear:both;

}

ul#menunavi li{

	display:block;

	height:35px;

	float:left;

}

ul#menunavi li a{

	display:block;

	height:35px;

	text-indent:-9999px;

	outline:none;

}

/**/

ul#menunavi li.navi01,

ul#menunavi li.navi01 a{

	width:180px;

	background: url(images/common_menuicon.gif) no-repeat 0 0;

}

ul#menunavi li.navi01 a:hover{

	background: url(images/common_menuicon_on.gif) no-repeat 0 0;

}

ul#menunavi li.navi02,

ul#menunavi li.navi02 a{

	background:url(images/common_menuicon.gif) no-repeat -180px 0;

	width:130px;

}

ul#menunavi li.navi02 a:hover{

	background:url(images/common_menuicon_on.gif) no-repeat -180px 0;

}

ul#menunavi li.navi03,

ul#menunavi li.navi03 a{

	background:url(images/common_menuicon.gif) no-repeat -310px 0;

	width:145px;

}

ul#menunavi li.navi03 a:hover{

	background:url(images/common_menuicon_on.gif) no-repeat -310px 0;

}

ul#menunavi li.navi04,

ul#menunavi li.navi04 a{

	background:url(images/common_menuicon.gif) no-repeat -455px 0;

	width:141px;

}

ul#menunavi li.navi04 a:hover{

	background:url(images/common_menuicon_on.gif) no-repeat -455px 0;

}

ul#menunavi li.navi05,

ul#menunavi li.navi05 a{

	background:url(images/common_menuicon.gif) no-repeat -596px 0;

	width:137px;

}

ul#menunavi li.navi05 a:hover{

	background:url(images/common_menuicon_on.gif) no-repeat -596px 0;

}

ul#menunavi li.navi06,

ul#menunavi li.navi06 a{

	background:url(images/common_menuicon.gif) no-repeat -733px 0;

	width:138px;

}

ul#menunavi li.navi06 a:hover{

	background:url(images/common_menuicon_on.gif) no-repeat -733px 0;

}

ul#menunavi li.navi07,

ul#menunavi li.navi07 a{

	background:url(images/common_menuicon.gif) no-repeat -871px 0;

	width:129px;

}

ul#menunavi li.navi07 a:hover{

	background:url(images/common_menuicon_on.gif) no-repeat -871px 0;

}



/* トップメイン

----------------------------------------------*/



/*お知らせ*/

#news {

	float:left;

	width:740px;

	margin-right:10px;

	_margin-right:5px;



}



#news dl {

	padding:5px 0px;

	margin:0px 0px 10px 0px;

	border-bottom:#ccc 1px solid;

	clear:both;

	float:left;

	width:740px;

}



#news dt {

	float:left;

	width:165px;

	margin-right:20px;

	_margin-right:10px;

}



#news dt img {

	padding:4px;

	border:#ccc 1px solid;

}



#news dd {

	margin-left:0px;

}



#news dd p {

	line-height:1.3;

}



#news dd p.date {

	color:#f90;

	margin-bottom:3px;

	font-size:12px;

	font-weight:bold;

}



#news dd p.title {

	font-weight:bold;

	margin-bottom:5px;

	font-size:12px;

	font-weight:bold;

}



#news dd p.title a{

	font-weight:bold;

	margin-bottom:5px;

	font-size:12px;

	font-weight:bold;

}



#news dd p.detail {

	line-height:1.3;

}



#news p.list {

	clear:both;

	text-align:right;

	padding-top:10px;

	line-height:1;

}



#news p.list img {

	vertical-align:top;

	padding:2px 3px 0 0;

}



/*制作実績*/

div#result{

	width: 740px;

	text-align: center;

	font-size: 12px;

	margin-bottom: 15px;

	display: block;

	clear: both;

	 }



div#result h2{

	background: url(images/index_result_h2.gif)  no-repeat 0 0;

	text-indent: -9999px;

	display: block;

	height: 30px;

	width: 740px;

	margin-top: 15px;

}



div#result .resultbox1{

	clear: both;

	width: 740px;

	text-align: left;

	display: block;

}



div#result .resultbox1 .resultbox2{

	width: 170px;

	float: left;

	display: block;

	margin: 0 7px;

	_margin: 0 3px;

	}





div#result .resultbox1 .resultbox2 p.sitename{

	font-size: 12px;

	font-weight: bold;

	vertical-align: top;

	background: url(images/index_result_icon.gif) no-repeat 0px 3px;

	display: block;

	/*text-indent: 22px;*/

	padding: 0 0 0 20px;

	margin: 5px 0 0 0;

}



div#result .resultbox1 .resultbox2 p.place{

	font-size: 10px;

	color: #666666;

	text-align: right;

}



div#result .resultbox1 .resultbox2 p.text{

	font-size: 10px;

	color: #666666;

	text-align: left;

}





div#result hr{

	border-top: 1px dotted #999999;

	height: 1px;

	width: 170px;

	margin: 0;

	padding: 0;

}



div#main .mousikomi{

    margin-top: 20px;

    width: 740px;

	clear: both;

	text-align: left;

	}

div#main .mousikomi a{

	background: url(images/index_other_bt.gif) no-repeat;

    display: block;

	height: 35px;

	width: 234px;

	text-indent: -9999px;

	outline:none;

	margin-left: 253px;

	}



div#result mousikomi a:hover{

	background: url(images/index_other_bt.gif) no-repeat;

	}



/*進捗状況*/

div#client {

	background-image: url(images/index_client_back.gif);

	width: 740px;

	height: auto;

	margin: 0;

	border-bottom: solid 1px #CCCCCC;

	clear: both;

}



div#client h2 {

	background: url(images/index_client.jpg) no-repeat 0 0;

	text-indent: -9999px;

	display: block;

	height: 129px;

	width: 740px;

}



div#client .client_t{

	text-align: left;

	width: 721px;

	background: url(images/index_client_table_back.gif) repeat-y left top;

	clear: both;

	margin: 0 auto 20px auto;

	}

	

div#client .client_t .client_t_top{

	height: 15px;

	background: url(images/index_client_table_top.gif) no-repeat left top;

	clear: both;

	display: block;

	text-align: left;

}



div#client .client_t .client_t_bottom{

	height: 15px;

	background: url(images/index_client_table_bottom.gif) no-repeat left bottom;

	clear: both;

	display: block;

}





	

/*セル*/

.cell{

    background: url(images/index_client_cellback.jpg) repeat-y 0 0;

	width: 674px;

	display: block;

	clear: both;

	margin: 0 0 0 23px;

	}

.cell .cell_top{

    width: 674px;

    height: 33px;

	clear: both;

	margin: 0;

	}



.cell .cell_bottom{

    width: 674px;

    height: 15px;

	clear: both;

	mrgin: 0;

	}



.cell .cell_line{

    background: url(images/index_client_cellline.jpg) no-repeat 0 0;

	width: 674px;

	height: 2px;

	clear: both;

	margin: 0;

	}



.cell .cell_cont{

	clear: both;

	width: 674px;

	padding: 0;

	margin: 0;

	height: 40px;

	display: table;

	}



.cell_cont .cell00{

    width: 30px;

	height: 40px;

	float: left;

	margin: 0;

	background: url(images/index_client_cell_sitnamebt.gif) no-repeat left top;

    }



.cell_cont .cell01{

    width: 228px;

	min-height: 40px;

	float: left;

	margin: 0;

	padding-top: 12px;

	}



.cell_cont .cell02{

    width: 95px;

	height: 40px;

	float: left;

	padding: 0 2px 0 2px;

	margin-left: 3px;

	text-align: center;

	font-size: 12px;

	display: table-cell;

	vertical-align: middle;

	}



.cell_cont .cell03{

    width: 138px;

	float: left;

	padding: 0 2px 0 2px;

	margin-left: 3px;

	text-align: center;

	font-size: 12px;

	}



.cell_cont .cell04{

    width: 155px;

	float: left;

	padding: 0 0 0 5px;

	margin-left: 3px;

	}



	

.cell_top .cell_top01_1{

    float: left;

    width: 258px;

	height: 33px;

    background: url(images/index_client_celltop01_1.jpg) no-repeat 0 0;

	display: block;

	}

	

.cell_top .cell_top01_2{

    float: left;

    width: 258px;

	height: 33px;

    background: url(images/index_client_celltop01_2.jpg) no-repeat 0 0;

	display: block;

	}



.cell_top .cell_top02{

    float: left;

    width: 99px;

	height: 33px;

	margin-left: 3px;

    background: url(images/index_client_celltop02.jpg) no-repeat top center;

	display: block;

	}



.cell_top .cell_top03{

    float: left;

    width: 142px;

	height: 33px;

	margin-left: 3px;

    background: url(images/index_client_celltop03.jpg) no-repeat top center;

	display: block;

	}



.cell_top .cell_top04{

    float: left;

    width: 160px;

	height: 33px;

	margin-left: 3px;

    background: url(images/index_client_celltop04.jpg) no-repeat top center;

	display: block;

	}



.cell_cont .cell02 p.cell_middle{

    margin: 0;

	}

/*新着ホームページ*/



div#new{

}



div#new h2{

	background: url(images/index_new_h2.gif) no-repeat 0 0;

	text-indent: -9999px;

	display: block;

	height: 30px;

	width: 740px;

	margin-top: 15px;

}



div#new .newbox1 {

	width: 740px;

	padding: 0;

	margin: 0;

	clear: both;

	display: block;

}



div#new .newbox1 .newbox2{

	float: left;

	width: 360px;

	text-align: left;

	display: block;

	margin: 0 5px;

	_margin: 0 2px;

}



div#new .newbox1 h3 {

	background: url(images/index_new_title.gif) no-repeat;

	font-size: 16px;

	height: 26px;

    display: block;

	text-align: left;

	text-indent: 10px;

	padding-top: 5px;

	margin: 10px 0 0 0;

}



/*新着セル*/

div#new .newbox1 strong{

	clear: both;

	font-weight: normal;

	color: #FF0000;

	font-size: 10px;

	margin-left: 10px;

	}

	

div#new .newbox1 .new_t{

    width: 350px;

    }



.new_t_1{

    float: left;

    }



.new_t_2{

    float: right;

	width: 175px;

	margin-left: 5px;

    }



/*新着ホームページリンク*/



div#new a.link01{

    background: url(images/index_new_pic01.gif) no-repeat;

	width: 160px;

	height: 120px;

	display: block;

	text-indent: -9999px;}

	

div#new a:hover.link01{

    background: url(images/index_new_pic01.gif) no-repeat;}



div#new a.link02{

    background: url(images/index_new_pic02.gif) no-repeat;

	width: 160px;

	height: 120px;

	display: block;

	text-indent: -9999px;}

	

div#new a:hover.link02{

    background: url(images/index_new_pic02.gif) no-repeat;}

	

div#new a.link03{

    background: url(images/index_new_pic03.gif) no-repeat;

	width: 160px;

	height: 120px;

	display: block;

	text-indent: -9999px;}

	

div#new a:hover.link03{

    background: url(images/index_new_pic03.gif) no-repeat;}

	

div#new a.link04{

    background: url(images/index_new_pic04.gif) no-repeat;

	width: 160px;

	height: 120px;

	display: block;

	text-indent: -9999px;}

	

div#new a:hover.link04{

    background: url(images/index_new_pic04.gif) no-repeat;}

	

div#new a.link05{

    background: url(images/index_new_pic05.gif) no-repeat;

	width: 160px;

	height: 120px;

	display: block;

	text-indent: -9999px;}

	

div#new a:hover.link05{

    background: url(images/index_new_pic05.gif) no-repeat;}

	

div#new a.link06{

    background: url(images/index_new_pic06.gif) no-repeat;

	width: 160px;

	height: 120px;

	display: block;

	text-indent: -9999px;}

	

div#new a:hover.link06{

    background: url(images/index_new_pic06.gif) no-repeat;}

	

/*案内*/





div#webs {

	width: 740px;

	text-align: left;

	border-top: 3px solid #CCCCCC;

	clear: both;

	display: block;

	margin-top: 20px;

	}

	

div#webs .webs_cont{

    padding: 0;

    }

	

div#webs .webs_cont span{

    background: url(images/index_chart.jpg) no-repeat;

	display: block;

	width: 730px;

	height: 350px;

	text-indent: -9999px;

    margin: 10px 0;

	}

	

div#webs .webs_cont p{

    margin: 10px 0;

	}

	

/*-----サイドバー-----*/



/*side_01*/



div#sidebar .side_01{

	width: 200px;

	margin: 5px 0 0 10px;

	text-align: center;

    }



div#sidebar .side_01 h4 {

	background: url(images/index_side_inquiry.gif) no-repeat;

	text-indent: -9999px;

	height: 29px;

	width: 200px;

	display: block;

	margin-bottom: 10px;

}



div#sidebar .side_01 strong{

	background: url(images/index_side_inquiry_tel.gif) no-repeat;

	text-indent: -9999px;

	display: block;

	height: 17px;

	width: 196px;

	margin-bottom: 5px;

}



div#sidebar .side_01 p{

	background: url(images/index_side_inquiry_tel2.gif) no-repeat;

	text-indent: -9999px;

	display: block;

	height: 13px;

	width: 196px;

	margin-bottom: 5px;

}



div#sidebar .side_01 span{

	background: url(images/index_side_inquiry_mail.gif) no-repeat;

	text-indent: -9999px;

	display: block;

	height: 25px;

	width: 191px;

	margin: 0;

}



div#sidebar .side_01 span a{

	background: url(images/index_side_inquiry_mail.gif) no-repeat;

	text-indent: -9999px;

	display: block;

	height: 25px;

	width: 191px;

	outline:none;

}



div#sidebar .side_01 span a:hover{

	background: url(images/index_side_inquiry_mail.gif) no-repeat;

}



/*side_01リスト*/



div#sidebar ul#sidelist_01{

	display:block;

	width: 200px;

	list-style-type:none;

	margin: 10px 0 15px 10px;

}

div#sidebar ul#sidelist_01 li{

	display:block;

	width: 200px;

	margin-bottom:10px;

}

div#sidebar ul#sidelist_01 li a{

	display:block;

	width:200px;

	text-indent:-9999px;

	outline:none;

}

/**/

div#sidebar ul#sidelist_01 li.li01,

div#sidebar ul#sidelist_01 li.li01 a{

	background:url(images/index_side_inquiry_bt1.gif) no-repeat;

	height: 90px;

}



div#sidebar ul#sidelist_01 li.li02,

div#sidebar ul#sidelist_01 li.li02 a{

	background:url(images/index_side_inquiry_bt2.gif) no-repeat;

	height: 90px;

}



div#sidebar ul#sidelist_01 li.li03,

div#sidebar ul#sidelist_01 li.li03 a{

	background:url(images/index_side_inquiry_bt3.gif) no-repeat;

	height: 90px;

}



div#sidebar ul#sidelist_01 li.li04,

div#sidebar ul#sidelist_01 li.li04 a{

	background:url(images/index_side_inquiry_bt4.gif) no-repeat;

	height: 90px;

}



div#sidebar ul#sidelist_01 li.li05,

div#sidebar ul#sidelist_01 li.li05 a{

	background:url(images/index_side_inquiry_bt5.gif) no-repeat;

	height: 90px;

}



/*side_02*/



div#sidebar .side_02{

	width: 200px;

	margin: 5px 0 0 10px;

    }



div#sidebar .side_02 h4 {

	text-indent: -9999px;

	height: 40px;

	width: 200px;

	display: block;

	margin: 0 0 10px 0;

	background: url(images/index_side_lecturer.gif) no-repeat 0 0;

}



div#sidebar .side_02 p{

	text-indent: -9999px;

	display: block;

	height: 20px;

	width: 200px;

	background: url(images/index_side_lecturer_thanks.gif) no-repeat 0 0;

	clear: both;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 0;

}





div#sidebar .side_02 a{

    float: right;

	background: url(images/index_side_lecturer_details.gif) no-repeat;

	text-indent: -9999px;

	display: block;

	height: 25px;

	width: 100px;

	outline:none;

	clear: both;

}



div#sidebar .side_02 a:hover{

	background: url(images/index_side_lecturer_details.gif) no-repeat;

}



/*side_02リスト*/



div#sidebar ul#widget{

	display:block;

	width: 200px;

	list-style-type:none;

	margin: 10px 0 15px 10px;

}



div#sidebar ul#widget li.li01

{

color: #FF0000;

font-size: 10px;

font-weight: bold;

}



div#sidebar ul#widget .textwidget

{

	background: url(images/index_side_line.gif) no-repeat left bottom;

	font-size: 10px;

	padding-bottom: 5px;

}





/*side_03*/



div#sidebar .side_03{

	width: 200px;

	margin: 5px 0 0 10px;

    }



div#sidebar .side_03 h4 {

	text-indent: -9999px;

	height: 29px;

	width: 200px;

	display: block;

	margin: 0 0 10px 0;

	background: url(images/index_side_about.gif) no-repeat 0 0;

}



div#sidebar .side_03 strong{

    float: left;

	font-weight: bold;

	font-size: 14px;

}



div#sidebar .side_03 p{

    text-align: left;

	font-size: 10px;

	margin: 5px 0;

}



div#sidebar .side_03 .maxbox{

	font-size: 10px;

	width: 190px;

	border: 1px solid #CCCCCC;

	background-color: #EBEBEB;

	padding: 4px;

}



/*side_03リスト*/



div#sidebar ul.sidelist_03{

	display:block;

	width: 200px;

	list-style-type:none;

	text-align: left;

	margin: 10px 0 10px 10px;

}

div#sidebar ul.sidelist_03 li{

	display:block;

	margin-bottom:5px;

}



div#sidebar ul.sidelist_03_2{

	display:block;

	width: 190px;

	list-style-type:none;

	text-align: left;

	margin: 10px 0 10px 15px;

}

div#sidebar ul.sidelist_03_2 li{

	display:block;

	margin-bottom:5px;

}

div#sidebar ul.sidelist_03_2 li a{

	display:block;

	width:200px;

	text-indent:-9999px;

	outline:none;

}

/**/

div#sidebar ul.sidelist_03 li.li01{

	background: #333333;

	display: inline;

	font-weight: bold;

	padding: 2px;

	color: #FFFFFF;

}



div#sidebar ul.sidelist_03 li.li02

{

	background: url(images/index_side_line.gif) no-repeat left bottom;

}



div#sidebar ul.sidelist_03 li.li03{

    font-size: 10px;

	color: #FF0000;

}



div#sidebar ul.sidelist_03_2 li.li04,

div#sidebar ul.sidelist_03_2 li.li04 a{

	height: 80px;

	background: url(images/index_side_banner_murablo.gif) no-repeat;

	width: 190px;

	text-indent: -9999px;

}



div#sidebar ul.sidelist_03_2 li.li04 a:hover{

	background: url(images/index_side_banner_murablo.gif) no-repeat;

}



div#sidebar ul.sidelist_03_2 li.li05,

div#sidebar ul.sidelist_03_2 li.li05 a{

	height: 80px;

	background: url(images/index_side_banner_waiwai.gif) no-repeat;

	width: 190px;

	text-indent: -9999px;

}



div#sidebar ul.sidelist_03_2 li.li05 a:hover{

	background: url(images/index_side_banner_waiwai.gif) no-repeat;

}



/*side_04*/



div#sidebar .side_04{

	width: 200px;

	margin: 5px 0 0 10px;

	text-align: center;

    }



div#sidebar .side_04 h4 {

	text-indent: -9999px;

	height: 29px;

	width: 200px;

	display: block;

	margin: 0 0 10px 0;

	background: url(images/index_side_pamphlet.gif) no-repeat 0 0;

}



div#sidebar .side_04 p{

	text-indent: -9999px;

	display: block;

	height: 155px;

	width: 180px;

	margin: 0 0 5px 0;

	background: url(images/index_side_pamphlet_sample.jpg) no-repeat 0 0;

}



div#sidebar .side_04 span{

	text-indent: -9999px;

	display: block;

	height: 31px;

	width: 176px;

	margin: 0px;

	background: url(images/index_side_pamphlet_demand.gif) no-repeat;

}



div#sidebar .side_04 span a{

	background: url(images/index_side_pamphlet_demand.gif) no-repeat;

	text-indent: -9999px;

	display: block;

	height: 31px;

	width: 176px;

	outline:none;

}



div#sidebar .side_04 span a:hover{

	background: url(images/index_side_pamphlet_demand.gif) no-repeat;

}



/*side_04リスト*/



div#sidebar ul#sidelist_04{

	display:block;

	width: 190px;

	list-style-type:none;

	margin-top: 15px;

	margin-bottom: 15px;

	margin-left: 15px;

}

div#sidebar ul#sidelist_04 li{

	display:block;

	width: 190px;

	margin-bottom: 10px;

}

div#sidebar ul#sidelist_04 li a{

	display:block;

	width:190px;

	text-indent:-9999px;

	outline:none;

}

/**/

div#sidebar ul#sidelist_04 li.li01,

div#sidebar ul#sidelist_04 li.li01 a{

	height: 75px;

	background: url(images/index_side_link_bt1.gif) no-repeat;

}



div#sidebar ul#sidelist_04 li.li02,

div#sidebar ul#sidelist_04 li.li02 a{

	height: 75px;

	background: url(images/index_side_link_bt2.gif) no-repeat;

}



div#sidebar ul#sidelist_04 li.li03,

div#sidebar ul#sidelist_04 li.li03 a{

	background:url(images/index_side_link_bt3.gif) no-repeat;

	height: 75px;

}



/*サイド追加リンク用*/

div#sidebar .under_link {

	width: 190px;

	margin: 5px auto;

}



/* 下層Ａページのメインコンテンツ

----------------------------------------------*/

/* 下層Ａ・Ｂ　共通設定 */



div#main #pan {

	color:#000000;

	font-size:12px;

	text-align:left;

	letter-spacing:1px;

}



div#main #pan a {

	color:#666666;

	font-size:12px;

	text-align:left;

	letter-spacing:1px;

}

div#main #pan a:hover {

	color:#C2351E;

}



div#main #description {

	margin:0px auto 10px;

	padding:5px 0 0 10px;

	font-size:12px;

	text-algin:left;

}



div#main #production,

div#main #faq,

div#main #staff,

div#main #voice {

	background-color: #FFFFFF;

	width: 740px;

	display: block;

}



/* 下層Ａ共通 */



div#main #production #img_top h2,

div#main #faq #img_top h2,

div#main #staff #img_top h2,

div#main #voice #img_top h2 {

	text-indent:-9999px;

	display:inline-block;

}

div#main .sub_title {

	background:url(images/common_ti.gif) no-repeat 0 0;

	width:740px;

	height:31px;

	margin:0px;

	padding:0px;

}

div#main .sub_title h3 {

	color:#FFF;

	padding:5px 0px 0px 10px;

	font-size:12px;

	font-weight:bold;

}



/*--- 制作実績 ---*/



div#main #production #img_top {

	background:url(images/production_common_title.gif) no-repeat 0 0;

	width:740px;

	height:144px;

	margin:0px;

	padding:0px;

}



div#production #industry {

	width:664px;

	margin:0px auto 20px;

	padding:0px;

	clear:both;

}



div#production #industry ul#industry_navi {

	display:block;

	width:664px;

}

div#production #industry ul#industry_navi li {

	background:url(images/category_btn.gif) no-repeat 0 0;

	display:block;

	width:165px;

	height:27px;

	float:left;



}

div#production #industry ul#industry_navi li a {

	display:block;

	width:166px;

	color:#333333;

	font-size:14px;

	font-weight:bold;

	text-align:center;

	marigin:0px;

	padding-top:5px;

}

div#production #industry ul#industry_navi li a:hover {

	color:#C2351E;

}



div#production #product_list {

	width:740px;

	clear:both;

	margin:10px auto;

}

div#production #product_list .product_box {

	width:165px;

	margin:5px 10px;

	_margin:5px 5px;

	float:left;

}

div#production #product_list .product_box .img_thum {

	width:165px;

}

div#production #product_list .product_box p {

	color:#000;

	font-size:12px;

}

div#production #product_list .product_box p.title {

	text-align:left;

	background: url(images/index_result_icon.gif) no-repeat 0 4px;

	border-bottom:#666666 1px dotted;

	padding:0 0 0 20px;

	min-height:20px;

	margin:10px auto 0px;

}

div#production #product_list .product_box p.intro {

	text-align:left;

	margin-top:5px;

}



/*--- スタッフ紹介staff ---*/

div#main #staff #img_top {

	background:url(images/staff_title.gif) no-repeat 0 0;

	width:740px;

	height:160px;

	margin:0px;

	padding:0px;

}



div#staff .staff_box {

	background:url(images/staff_bg.gif) no-repeat center top;

	width:600px;

	margin:0px auto;

	clear:both;

}

div#staff .staff_box p {

	margin:50px 0px 20px 32px;

	padding:5px;

	float:left;



}

div#staff .staff_box p img {

	border: #999999 1px solid;

	width:165px;

	background-color:#FFF;

	margin-right:32px;

}

div#staff .staff_box ul.staff_txt {

	padding:55px 10px 20px 32px;

	list-style:none;

}



/*--- よくある質問faq ---*/

div#main #faq #img_top {

	background:url(images/faq_title.gif) no-repeat 0 0;

	width:740px;

	height:170px;

	margin:0px;

	padding:0px;

}



div#faq .faq_box {

	width:600px;

	margin:0px auto 20px;

}

div#faq .faq_box .faq_ti{

	background:url(images/faq_ti.gif) no-repeat center bottom;

	width:475px;

	margin:0px auto;

	font-size:18px;

	font-weight:bold;

	color:#000000;

	padding:20px 0px 10px 60px;

}



div#faq .faq_box ul.faq_list {

	width:475px;

	list-style:none;

	display:block;

	margin:10px auto;

	padding:0px 20px 0px 40px;

}

div#faq .faq_box ul.faq_list li {

	background:url(images/faq_icon.gif) no-repeat 0 3px;

	padding:0px 0px 0px 15px;

	line-height:1.6;

	margin-bottom:5px;

}

div#faq .faq_box ul.faq_list li a {

	text-decoration:underline;

}



/*--- お客様の声voice ---*/

div#main #voice #img_top {

	background:url(images/voice_title.gif) no-repeat 0 0;

	width:740px;

	height:155px;

	margin:0px;

	padding:0px;

}



div#voice .voice_box {

	width:601px;

	margin:0px auto 20px;

}

div#voice .voice_box .voice_ti{

	background:url(images/voice_ti.gif) no-repeat 0 0;

	width:581px;

	height:21px;

	margin:0px auto;

	font-size:14px;

	font-weight:bold;

	color:#FFF;

	padding:3px 0px 0px 20px;

}



div#voice .voice_box .voice_detail {

	width:579px;

	border:#666666 1px solid;

	margin:0px auto 10px;

	padding:10px;

}



div#voice .voice_box .voice_detail p {

	padding:5px;

	float:left;

	margin:0px;

}



div#voice .voice_box .voice_detail p img {

	border: #999999 1px solid;

	width:165px;

	background-color:#FFF;

	margin-right:10px;

}





/* ここからシングルページのメインコンテンツ 

----------------------------------------------*/

/*--- シングル制作実績 ---*/

div#production #product_details {

	margin:10px auto;

	padding:0px;	

	clear:both;

}

div#production #product_details .img_site {

	width:500px;

	float:left;

	margin-bottom:40px;

	margin-left:5px;

}

div#production #product_details .txt_space {

	width:220px;

	margin-left:10px;

	float:left;

}

div#production #product_details .txt_space .txt_01 {

	margin:20px auto 30px;

	padding:0px 5px;

}

div#production #product_details .txt_space .url {

	margin-bottom:5px;

	padding:0px 5px;

}

div#production #product_details .txt_space .url a {

	text-decoration:underline;

}



div#production #product_details .txt_space .charge_box {

	padding:0px 5px;

}



div#production #product_details .txt_space .charge_box p.person {

	border-bottom:#C2351E 3px double;

	color:#C2351E;

	font-weight:bold;

	margin:0px auto 10px;

}

div#production #product_details .txt_space .charge_box .img_person {

	margin:0px auto 10px;

	width:165px;

}

div#production #product_details .txt_space p.name {

	text-align:center;

	border-bottom:#999999 1px dotted;

}

div#production #product_details .txt_space p.intro {

	text-align:left;

	margin-top:5px;

	border-bottom:#999999 1px dotted;

}



/* お問い合わせはこちらボタン */

div#production #product_details .contact-btn a {

	display:block;

	text-indent:-9999px;

	text-decoration:none;

	width:375px;

	height:54px;

	background:url(images/common_btn_contact.jpg) no-repeat;

	margin:15px auto;

	clear:both;

}

div#production #product_details .contact-btn a:hover {

	background-position:0 -54px;

}

div#production #product_details .previous {

	float:left;

	margin:30px 10px 40px 0;

	width:280px;

}

div#production #product_details .next {

	clear:right;

	float:right;

	margin:30px 0 40px;

	text-align:right;

	width:280px;

}

div#production #other_works_title {

	background:url(images/otherworks_ti.gif) no-repeat 0 0;

	width:720px;

	height:29px;

	margin:10px auto;

	padding:0px;

	text-indent:-9999px;

}

div#production #other {

	width:740px;

	clear:both;

	margin:10px auto;

}

div#production #other .other_box {

	width:165px;

	margin:5px 10px;

	_margin:5px 5px;

	float:left;

}

div#production #other .other_box .img_thum {

	width:165px;

}

div#production #other .other_box p {

	color:#000;

	font-size:12px;

}

div#production #other .other_box p.title {

	text-align:left;

	background: url(images/index_result_icon.gif) no-repeat 0 4px;

	border-bottom:#666666 1px dotted;

	padding:0 0 0 20px;

	min-height:20px;

	margin:10px auto 0px;

}

div#production #other .other_box p.intro {

	text-align:left;

	margin-top:5px;

}





/*--- シングルよくある質問詳細FAQ ---*/

div#faq .faq_box1 {

	width:535px;

	margin:0px auto 20px;

	border:#666666 1px solid;

	padding:10px;

}

div#faq .faq_box1 .faq_ti{

	background:url(images/faq_ti.gif) no-repeat center bottom;

	width:475px;

	margin:0px auto;

	font-size:18px;

	font-weight:bold;

	color:#000000;

	padding:20px 0px 10px 60px;

}



div#faq .faq_box1 p {

	padding:5px 10px 10px 20px;

	margin:0px;

}





/* 下層Ｂページのメインコンテンツ

----------------------------------------------*/

/* 下層Ｂ　共通設定 */

div#main #price,

div#main #service,

div#main #seminar,

div#main #consult,

div#main #greet,

div#main #company,

div#main #flow {

	background-color: #FFFFFF;

	width: 740px;

	display: block;

}

div#main #greet .sub_title,

div#main #company .sub_title,

div#main #flow .sub_title {

	background:url(images/common_ti.gif) no-repeat 0 0;

	width:740px;

	height:31px;

	margin:0px;

	padding:0px;

}

div#main #greet .sub_title h3,

div#main #company .sub_title h3,

div#main #flow .sub_title h3 {

	color:#FFF;

	padding:5px 0px 0px 10px;

	font-size:14px;

	font-weight:bold;

}



div#main a#linktop {

	float: right;

	margin: 0 20px 10px auto;

	_margin: 0 10px 10px auto;

	width: 70px;

	height: 21px;

	text-indent: -9999px;

	display: block;

	clear: both;

	background: url(images/common_linktop.gif) no-repeat;

}



div#main a.btn {

	margin: 20px auto 10px auto;

	width: 580px;

	height: 50px;

	background: url(images/consult_bt.jpg) no-repeat;

	text-indent: -9999px;

	display: block

}



div#main a.btn:hover {

	background: url(images/consult_bt_on.jpg) no-repeat;

}



/* 代表者挨拶 */

div#main #greet .greet_box {

	width: 680px;

	border:#666666 3px double;

	margin:20px auto 20px;

	padding:10px;

	line-height:160%;

	letter-spacing:0px;

	color:#333333;

	-moz-box-shadow:4px 4px 8px #999;

	-webkit-box-shadow:4px 8px 5px #999;

	-o-box-shadow:4px 4px 8px #999;

	-ms-box-shadow:4px 4px 8px #999;

}

*+html div#main #greet .greet_box {

	width: 680px;

	border-top:#CCC 3px solid;

	border-right:#333 3px solid;

	border-bottom:#333 3px solid;

	border-left:#AAA 3px solid;

	margin:20px auto 20px;

	padding:10px;

	line-height:160%;

	letter-spacing:1px;

	color:#333333;

}

div#main #greet .greet_box .greet_box2 {
	border:1px solid #666;
	padding:10px;
	margin-top:10px;
}

div#main #greet .greet_box .greet_box2 h4 {
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom:1px dotted #999;
	padding-bottom:5px;
	margin:5px 0 0 0;
	}

div#main #greet .greet_box .greet_box2 p.big {
	font-size:22px;
	font-weight:bold;
	color:#DC143C;
	line-height:125%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

div#main #greet .greet_box p {

	margin: 10px 0px 0px;

}

div#main #greet .greet_box ul {

	display:block;

	list-style:none;

}

div#main #greet .greet_box ul li {

	padding-top:20px;

}

div#main #greet .greet_box ul li span {

	color:#C00;
	font-weight:bold;

}



div#main #greet .greet_box .right {

	width:270px;

	margin-left:auto;

}



div#main #greet .greet_box .right .company_name {

	width:154px;

	line-height:160%;

	letter-spacing:1px;

	font-weight:bold;

	float:left;

	padding-top:45px;

}

div#main #greet .greet_box .right img {

	width:116px;

	float:left;

}



/* 会社概要 */



div#main #company .outside {

	padding:0px 0px 0px 0px;

	margin:30px auto;

	width:551px;

	border-bottom:1px solid #999;

	border-left:1px solid #999;

	border-right:1px solid #999;

	background-color:#fff2ec;

}



div#main #company .outside .left_cell {

	width:160px;

	height:auto;

	background-color:#fff2ec;

	border-top:1px solid #999;

	padding:10px;

	text-align:center;

	float:left;

}

div#main #company .outside .right_cell {

	width:350px;

	height:auto;

	border-left:1px solid #999;

	border-top:1px solid #999;

	padding:10px;

	float:left;

	clear:right;

	background-color:#FFFFFF;

}



/* お仕事の流れ */



div#main #flow p.arrow {

	width: 60px;

	height: 60px;

	margin: 0 auto 0 250px;

	_margin: 0 auto 0 125px;

	background: url(images/flow_arrow.gif) no-repeat;

	clear: both;

}



div#main #flow h2 {

	width: 720px;

	height: 163px;

	margin: 0;

	background: url(images/flow_title.gif) no-repeat;

	text-indent: -9999px;

}



div#main #flow h3 {

	margin: 0 0 0 50px;

	_margin: 0 0 0 25px;

}



div#main #flow .outbox {

	padding:0px 0px 0px 0px;

	margin:5px auto;

	_margin:5px 0;

	width:640px;

	border-bottom:2px dotted #999;

}



div#main #flow .outbox .left_box {

	width:250px;

	height:auto;

	padding:10px;

	_padding:5px;

	text-align:center;

	float:left;

}

div#main #flow .outbox .left_box img {

	-moz-box-shadow:4px 4px 8px #999;

	-webkit-box-shadow:4px 8px 5px #999;

	-o-box-shadow:4px 4px 8px #999;

	-ms-box-shadow:4px 4px 8px #999;

}

div#main #flow .outbox .right_box {

	width:350px;

	height:auto;

	padding:10px;

	_padding:5px;

	float:left;

}

/*料金プランー*/



div#price #price_header{

	width: 700px;

	margin: 15px auto;

	_margin: 7px auto;

	clear: both;

}



div#price #price_header h2{

	float: left;

	width: 100px;

	height: 100px;

	display: block;

	text-indent: -9999px;

	background: url(images/price_h2.jpg) no-repeat;

}



div#price #price_header p{

	float: right;

	width: 550px;

	padding: 20px;

}



div#price .price_list {

	width: 720px;

	margin: 15px auto;

}





div#price .price_list ul.table_list1,

div#price .price_list ul.table_list2,

div#price .price_list ul.table_list3,

div#price .price_list ul.table_list4 {

	list-style-type: none;

	display: table;

	text-align:center;

	clear: both;

}





div#price .price_list ul.table_list1 li,

div#price .price_list ul.table_list3 li {

	float: left;

	margin: 0;

	list-style-type: none;

	padding: 2px 0;

	height: 40px;

	border-top: 1px solid #333;

	border-bottom: 1px solid #333;

	border-left: 1px solid #333;

	background-color: #999;

	color: #FFF;

	font-weight: bold;

	display: table;

	text-align:center;

}



div#price .price_list ul.table_list2 li {

	margin: 0;

	list-style-type: none;

	float: left;

	padding: 2px 0;

	border-bottom: 1px solid #333;

	border-left: 1px solid #333;

	text-align:center;

}





div#price .price_list ul.table_list4 li {

	margin: 0;

	list-style-type: none;

	float: left;

	padding: 2px 2px;

	border-bottom: 1px solid #333;

	border-left: 1px solid #333;

	height: 60px;

	display: table;

	text-align:center;

}



    * html div#price .price_list ul.table_list1 li,

	div#price .price_list ul.table_list2 li,

	div#price .price_list ul.table_list3 li,

	div#price .price_list ul.table_list4 li { 

		position: relative;

	}

	

    * html div#price .price_list ul.table_list1 li,

	div#price .price_list ul.table_list2 li,

	div#price .price_list ul.table_list3 li,

	div#price .price_list ul.table_list4 li { 

		position: relative;

	}



div#price .price_list p{

	display: table-cell;

	vertical-align: middle;

	margin: 0;

}



	

div#price .price_list ul.table_list1 li.li01{

	width: 260px;



}



div#price .price_list ul.table_list1 li.li02{

	width: 130px;

}



div#price .price_list ul.table_list1 li.li03{

	width: 155px;

}



div#price .price_list ul.table_list1 li.li04{

	width: 155px;

	border-left: 1px solid #333;

	border-right: 1px solid #333;

}



div#price .price_list ul.table_list2 li.li01{

	width: 140px;



}



div#price .price_list ul.table_list2 li.li02{

	width: 119px;

}



div#price .price_list ul.table_list2 li.li03{

	width: 130px;

}



div#price .price_list ul.table_list2 li.li04{

	width: 155px;

}



div#price .price_list ul.table_list2 li.li05{

	width: 155px;

	border-right: 1px solid #333;

}



div#price .price_list ul.table_list3 li.li01{

	width: 180px;



}



div#price .price_list ul.table_list3 li.li02{

	width: 120px;

}



div#price .price_list ul.table_list3 li.li03{

	width: 400px;

	border-right: 1px solid #333;

}



div#price .price_list ul.table_list4 li.li01{

	width: 176px;

}



div#price .price_list ul.table_list4 li.li02{

	width: 116px;

}



div#price .price_list ul.table_list4 li.li03{

	width: 396px;

	text-align: left;

	border-right: 1px solid #333;

}



div#price .price_list p.t_bottom{

	position: static;

	clear: both;

	margin: 2px;

}



/*サービス内容＆選ばれる理由*/



div#service #service_header h2 {

	width: 720px;

	height: 127px;

	background: url(images/service_title.gif) no-repeat;

	text-indent: -9999px;

	margin: 15px 10px auto;

	clear: both; 

}



div#service #service_header strong {

	font-size: 20px;

	margin-left: 15px;

	background: url(images/service_icon.gif) left top no-repeat;

	height: 25px;

	display: block;

	text-indent: 30px;

	padding-top: 5px;

}



div#service #service_header p.service_copy {

	width: 720px;

	height: 60px;

	background: url(images/service_imgbar.gif) no-repeat;

	text-indent: -9999px;

	margin: 5px 10px auto;

	clear: both;

}



div#service .service_box {

	width: 740px;

	margin: 15px 0;

	clear: both; 

}



div#service .service_box h3.h01 {

	width: 350px;

	height: 130px;

	text-indent: -9999px;

	background: url(images/service_h3_1.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h02 {

	width: 350px;

	height: 130px;

	text-indent: -9999px;

	background: url(images/service_h3_2.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h03 {

	width: 350px;

	height: 130px;

	text-indent: -9999px;

	background: url(images/service_h3_3.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h04 {

	width: 350px;

	height: 90px;

	text-indent: -9999px;

	background: url(images/service_h3_4.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h05 {

	width: 350px;

	height: 90px;

	text-indent: -9999px;

	background: url(images/service_h3_5.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h06 {

	width: 350px;

	height: 130px;

	text-indent: -9999px;

	background: url(images/service_h3_6.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h07 {

	width: 280px;

	height: 60px;

	text-indent: -9999px;

	background: url(images/service_h3_7.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h08 {

	width: 310px;

	height: 60px;

	text-indent: -9999px;

	background: url(images/service_h3_8.gif) no-repeat;

	margin: 0;

}



div#service .service_box h3.h09 {

	width: 720px;

	height: 65px;

	text-indent: -9999px;

	background: url(images/service_h3_9.jpg) no-repeat;

	margin: 0 auto;

}



div#service .service_box .box1 {

	float: left;

	width: 350px;

	height: 300px;

	display: block;

	margin: 0 10px;

	_margin: 0 5px;

	background: url(images/service_box_back1.gif) bottom center;

}



div#service .service_box .box2 {

	float: left;

	width: 350px;

	height: 300px;

	display: block;

	margin: 0 10px;

	_margin: 0 5px;

	background: url(images/service_box_back2.gif) bottom center;

}



div#service .service_box .box3 {

	float: left;

	width: 348px;

	height: 160px;

	border: 1px #B50000 solid;

	margin: 0 10px;

	_margin: 0 5px;

}



div#service .service_box .box4 {

	width: 718px;

	height: 60px;

	border-left: 1px solid #009933;

	border-right: 1px solid #009933;

	border-bottom: 1px solid #009933;

	margin: 0 auto;

}

div#service .service_box .box1 p {

	margin: 0 20px;

	color: #FF9;

}



div#service .service_box .box2 p {

	margin: 0 20px;

	color: #B50000;

}



div#service .service_box .box4 p {

	margin: 0 20px;

}



div#service .service_box ul.service_list {

	list-style-type: none;

	margin: 0 15px;

}



div#service .service_box ul.service_list li.li01{

	background: url(images/service_list_no1.gif) left top no-repeat;

	text-indent: 20px;

}



div#service .service_box ul.service_list li.li02{

	background: url(images/service_list_no2.gif) left top no-repeat;

	text-indent: 20px;

}



div#service .service_box ul.service_list li.li03{

	background: url(images/service_list_no3.gif) left top no-repeat;

	text-indent: 20px;

}



div#service .service_box ul.service_list li.li04{

	background: url(images/service_list_no4.gif) left top no-repeat;

	text-indent: 20px;

}



div#service .service_box ul.service_list li.li05{

	background: url(images/service_list_no5.gif) left top no-repeat;

	text-indent: 20px;

}



/*ITセミナー*/



div#seminar a.seminar_btn {

	margin: 20px auto 10px auto;

	width: 580px;

	height: 50px;

	background: url(images/seminar_bt.jpg) no-repeat;

	text-indent: -9999px;

	display: block

}



div#seminar a.seminar_btn:hover {

	background: url(images/seminar_bt_on.jpg) no-repeat;

}



div#seminar #seminar_header {

	width: 720px;

	margin: 0 auto;

	}

	

div#seminar #seminar_header h2 {

	width: 720px;

	height: 180px;

	background: url(images/seminar_title.gif) no-repeat;

	text-indent: -9999px;

	clear: both;

	margin: 0;

}

	

div#seminar #seminar_header .imgbox {

	width: 360px;

	height: 270px;

	display: block;

	padding: 5px;

	float: left;

	border: 1px solid #999;

	}



div#seminar #seminar_header .seminar_cont {

	width: 330px;

	height: 270px;

	display: block;

	float: right;

	border: 1px solid #999;

	padding: 5px;

	_padding: 2px;

}



div#seminar #seminar_header .seminar_cont .box1 {

	float: left;

	margin-left: 15px;

	_margin-left: 7px;

}



div#seminar #seminar_header .seminar_cont .box2 {

	float: left;

	height: 150px;

	margin-left: 25px;

	_margin-left: 12px;

}



div#seminar #seminar_header .seminar_cont .box3 {

	clear: both;

	width: 340px;

}



div#seminar #seminar_header .seminar_cont .box1 h3 {

	width: 125px;

	height: 40px;

	background: url(images/seminar_icon.gif) no-repeat;

	text-indent: -9999px;

	margin-top: 10px;

	_margin-top: 5px;

	}



div#seminar #seminar_header .seminar_cont .box1 ul li {

	margin: 0 10px;

	_margin: 0 5px;

	list-style-type: none;

	}

	

div#seminar #seminar_header .seminar_cont .box3 dl {

	margin: 10px;

	_margin: 5px;

	}

	

div#seminar #seminar_header .seminar_cont .box3 dt {

	float: left;

	clear: both;

	padding: 2px;

	margin-top: 2px;

	width: 50px;

	display: block;

	border: #333 1px solid;

	background-color: #CCC;

	font-weight: bold;

	}



div#seminar #seminar_header .seminar_cont .box3 dd {

	padding: 2px;

	margin: 5px 0 0 60px;

	_margin: 3px 0 0 60px;

	display: block;

	border-bottom: #333 1px solid;

	}

	

div#seminar #seminar_header .seminar_cont .box3 p {

	margin: 10px;

	_margin: 5px;

	}	

div#seminar #seminar_box {

	clear: both;

}



div#seminar #seminar_box h3 {

	clear: both;

}



div#seminar #seminar_box dl{

	margin: 10px;

}



div#seminar #seminar_box dt{

	margin-top: 10px;

	font-weight: bold;

	color: #666;

}



div#seminar #seminar_box dd{

	margin: 0 0 0 10px;

}



div#map_canvas{

	height:550px;

	margin:20px auto;

	width:640px;



}



/*採用情報*/

div#response p {

	margin: 40px auto 40px 50px;

	line-height: 150%;

}



div#response p.response_cont {

	margin: 0 auto 20px auto;

	line-height: 150%;

	width: 600px;

}



div#response h4 {

	width: 680px;

	padding: 5px;

	background-color: #666;

	font-size: 15px;

	color: #FFF;

	margin: 20px auto;

}



div#response a.contact {

	background: url(images/response_btn.gif) no-repeat;

	width: 190px;

	height: 23px;

	display: block;

	margin: 0 auto;

	text-indent: -9999px;

}



div#response a:hover.contact {

	background: url(images/response_btn_on.gif) no-repeat;

}



/*無料相談が提案力の差*/



div#consult h2 {

	width: 740px;

	height: 200px;

	margin: 10px auto;

	background: url(images/consult_title.jpg) no-repeat;

	text-indent: -9999px;

}



div#consult .consult_box {

	margin: 20px auto;

	width: 700px;

}



div#consult .consult_box span.b1 {

	font-weight: bold;

}



div#consult .consult_box span.b2 {

	font-weight: bold;

	font-size: 15px;

}



div#consult .consult_box span.b3 {

	font-weight: bold;

	font-size: 20px;

}



div#consult .consult_box span.b4 {

	font-weight: bold;

	font-size: 20px;

	color: #F00;

	line-height: 150%;

}



div#consult .consult_box a.btn {

	margin: 20px auto 10px auto;

	width: 580px;

	height: 50px;

	background: url(images/consult_bt.jpg) no-repeat;

	text-indent: -9999px;

	display: block

}



div#consult .consult_box a.btn:hover {

	background: url(images/consult_bt_on.jpg) no-repeat;

}



div#consult .consult_box .bottomlink {

	text-align: center;

}



/*----コンサルト行間----*/

div#consult .consult_box p {margin: 10px 0 0 0;}

div#consult .consult_box p.style1 {margin: 40px 0 0 0;}

div#consult .consult_box p.style2 {margin: 60px 0 0 0;}



/*----コンサルトフォントスタイル----*/

div#consult .consult_box span.font1 {font-size: 12px;}

div#consult .consult_box span.font2 {font-size: 20px;}

div#consult .consult_box span.font3 {font-size: 30px;}

div#consult .consult_box span.font4 {font-size: 40px;}

div#consult .consult_box span.font5 {font-size: 50px;}

div#consult .consult_box span.font6 {font-size: 60px;}

div#consult .consult_box span.red {color: #F00;}

div#consult .consult_box span.blue {color: #00F;}

div#consult .consult_box span.bold {font-weight: bold;}

/*フッター*/



ul#footer_link_menu li{
	display: inline;
	padding: 0;
	margin: 0 5px 0 5px;
	color: #FFFFFF;
	}

ul#footer_link_menu li.footer_navi a {
	color: #FFFFFF;
	font-weight: normal;
	}

ul#footer_link_menu li.footer_navi a:hover {
    color: #CCCCCC;
	}

ul.footer_link2 {
list-style:none;
}

ul.footer_link2 li{
	display: inline;
	padding: 0;
	margin: 0 5px 0 5px;
	color: #999;
	}

ul.footer_link2 li.footer_navi a {
	color: #FFFFFF;
	font-weight: normal;
	}

ul.footer_link2 li.footer_navi a:hover {
    color: #CCCCCC;
	}

#edit {

	text-align:right;

	padding-right: 5px;

}



div#topics h1{

font-size:24px;

font-weight:bold;

}



div#topics h2{

}



div#topics h3{

}



div#topics h4{

}