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

CSS Information

 Site URL:	http://-----
 File name:	style.css (http://---)
 Summary:	all styles
 Created:	2007-05-14
 Last update:	2007-05-14 17:13:25 +0900 by Sakata
 Author:	Sakata

Order of description

 + __styleReset
 + __base style
===================================================================*/


/*----------------------------------------
 __styleReset
----------------------------------------*/

body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { 
   margin:0;
   padding:0;
	color:#333;
	}
p { margin:0 0 1em 0; 
	line-height:1.7;
	}
div{border:0px solid #f00;}
ul li { list-style-type:none; }
a img { border:0; }
a:link	 {text-decoration: none; color:#fd8f21;}
a:visited	 {text-decoration: none; color:#fd8f21}
a:hover 	{text-decoration: none; color:#cee3d2}
a:action 	{text-decoration: none; color:#cee3d2}
/* ------ ↑styleReset↑ ------ */



/*----------------------------------------
 __base style
----------------------------------------*/
body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	background:#ccc url(images/background.gif) center repeat ;
	background-attachment: fixed ;
	}

div#header {
	text-align: center;
	width:780px;
	height:72px;
	background:#fd8f21  url(images/header2.gif)  no-repeat;
	margin-right: auto;
	margin-left: auto;
	}

div#mainbox{
	margin: 0 auto;
	text-align:center;
	margin-top: 20px; /* --headerとのマージン長-- */
	padding: 0;
	width:780px;
	}

div#contentsbox{
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width:480px;
	float:left;
	}

div#contentsinner{
	margin: 0;
	margin-left: 30px;
	padding: 0;
	width:420px;
	}

div#navibox{
	margin: 0 auto;
	padding: 0;
	width:280px;
	float:right;
	border-left:1px solid #ccc; /* --しきい罫線-- */
	}

div#naviinner{
	margin: 0 20px;
	padding: 0;
	width:240px;
	}


div#footer{	/* --クレジット、フッタ-- */
	margin: 0 auto;
	padding: 5px 0 30px 0 ;
	text-align: center;
	clear:both;
	color:#333333;
	font-size:70%;
	border-top:1px solid #666;
	width:740px;
	}





/* ------ ↓header↓ ------ */
div#header h1{
	text-align:left;
	float:left;
	width:150px;
	height:65px;
	border:0px solid #f00;
	}

div#header h1  img{
	width:150px;
	height:65px;
	}

#header_menu{
	float: right;
	margin-top:47px;
	margin-right:3px;
	padding:0;
	width:420px;/* ------ ↓392+α↓ ------ */
	height:18px;
	border:0px solid #f00;
	}

#header_menu_list li{
	float: left;
	margin:0;
	padding:0;
	width:98px;
	}

#header_menu_list img{
	display:inline;
	float:left;
	border:0;
	margin:0;
	padding:0;
	}

#header_menu_list a:hover img{
	filter: alpha(opacity=50);
	opacity:0.5;

	}


/* ------ ↑header↑ ------ */



/* ------ ↓indexheader↓ ------ */
#index_header{
	width:753px;
	height:77px;
	background-image: url(images/mainimage.png);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 83px;
	padding-left: 27px;
	margin-right: auto;
	margin-left: auto;
	}
#index_header .ver2bun{
	position:relative;
	text-align: left;
	top:137px;
	font-size:10px;
	font-weight:bold;
	}
#index_header .ver2bun a:link,a:visited{
	color:#666;
	}
#index_header .ver2bun a:hover{
	color:#fd8f21;
	}

#index_c4s{
	margin:0 auto;
	padding:0;
	margin-top:20px;
	margin-bottom:20px;
	width:420px;
	height:210px;
	background: url(images/index_case4.gif) no-repeat ;
	}

.index_c4sbo{
	position:relative;
	top:170px;
	left:10px;
	}

/* ------ ↑indexheader↑ ------ */




/* ------ ↓contents↓ ------ */

div#contentsinner .directindex {	/* --pankuzuList-- */
	padding:0 0 5px 0;
	font-size:70%;
	color:#999;
	border-bottom:1px solid #333;
	}

div#contentsinner h2 {
	margin:20px 0 30px 0 ;
	padding-left:7px;
	border-left:8px solid #fd8f21;
	line-height:1.0;
	font-weight:bold;
	font-size:100%;
	}

div#contentsinner h2 .points_a {
	font-size:70%;
	color:#333333;
	padding:0 0 0 20px;
	height:12px;
	background: #fff url(images/bookicon.gif)  0 0  no-repeat ;
	}

div#contentsinner h2 .points_t {
	font-size:1.3em;
	color:#fd8f21;
	margin-top:7px;
	}


div#contentsinner h3 {
	font-size:100%;
	color:#333;
	margin-top:7px;
	margin-bottom:7px;
	}


div#contentsinner p {
	font-size: 75%;
	color:#333;
	}


div#contentsinner blockquote {
	margin:20px auto;
	text-align:center;
	color:#333;
	background: #fff5b8 ;/* --halfTone-- */
	width:420px;
	border:1px solid #d3c57d;
	}


div#contentsinner blockquote p {
	padding:10px 15px;
	text-align: left;
	color:#333;
	font-size:75%;
	}

div#contentsinner blockquote .blcqt_ddd {
	padding:20px 15px;
	text-align: left;
	color:#333;
	}

div#contentsinner blockquote .blcqt_ddd dt{
	margin-bottom:3px;
	text-align: left;
	color:#FF5C00;
	font-size:80%;
	font-weight:bold;
	}

div#contentsinner blockquote .blcqt_ddd dd{
	margin-bottom:10px;
	padding-bottom:5px;
	text-align: left;
	color:#333;
	font-size:75%;
	line-height:130%;
	border-bottom:1px solid #d3c57d;
	}

div#contentsinner blockquote .list01{
	padding:20px 15px;
	text-align: left;
	font-size:85%;
	color:#333;
	}

div#contentsinner blockquote .list01 li{
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #d3c57d;
	}




/* ------ ↓TOPICs::リニューアルメニュー↓ ------ */
div#contentsinner .consulting_plan{
	margin:20px 0;
	}

div#contentsinner .consulting_plan  .titlebox1{
	margin-top:10px;
	background: url(images/topic_menu_c1.jpg)  no-repeat ;
	font-size:1px;
	text-indent:-9999px;
	height:105px;
	}

div#contentsinner .consulting_plan  .titlebox2{
	margin-top:10px;
	background: url(images/topic_menu_c2.jpg)  no-repeat ;
	font-size:1px;
	text-indent:-9999px;
	height:105px;
	}

div#contentsinner .consulting_plan  .titlebox3{
	margin-top:10px;
	background: url(images/topic_menu_c3.jpg)  no-repeat ;
	font-size:1px;
	text-indent:-9999px;
	height:105px;
	}

div#contentsinner .side_orange{
	border-left:1px solid #fd8f21;
	border-right:1px solid #fd8f21;
	}

div#contentsinner .in_orange{
	padding:20px 20px 15px 20px;
	}

div#contentsinner .foot{
	height:11px;
	background: url(images/topic_menu_cbom.jpg)  no-repeat ;
	}

div#contentsinner .consulting_plan  .set_t{
	color:#333;
	font-size:90%;
	font-weight:bold;
	border-left:5px solid  #fd8f21;
	padding-left:7px;
	margin-bottom:8px;
	}

div#contentsinner .consulting_plan  .set{
	color:#000;
	padding-left:10px;
	}

div#contentsinner .consulting_plan  .set li{
	font-size:75%;
	line-height:150%;
	margin-bottom:3px;
	border-bottom:1px solid  #ccc;
	}
div#contentsinner .spacing_mu01{
	height:20px;
	}




/* ------ ↓TOPICs::よい制作会社の見分け方↓ ------ */
div#contentsinner .howtojudge_point{
	margin:30px 0 3px 0;
	padding-left:50px;
	font-size:85%;
	height:25px;
	background: url(images/topic_judge_point.gif)   0 2px no-repeat ;
	}

div#contentsinner .howtojudge_point .org{
	color:#FF5C00;
	}


/* ------ ↓TOPICs::リニューアル成功事例↓ ------ */
.renewal_title_number{
	margin:10px 0 25px 0;
	padding-bottom:6px;
	border-bottom:1px solid #fd8f21;
	}
.renewal_title_number .number_01{
	margin:0;
	padding:2px 5px;
	font-size:75%;
	background-color:#fd8f21;
	color:#fff;
	}
.renewal_title_number .number_02{
	margin-top:17px;
	font-size:1.1em;
	font-weight:bold;
	}
.renewal_title_number .number_03{
	margin-top:5px;
	font-size:80%;
	}


.renewal_list01{
	margin-bottom:15px;
	}
.renewal_list01 li{
	margin:4px 0;
	line-height:140%;
	font-size:75%;
	}



/* ------ ↓TOPICs::キャンペーンのお知らせ↓ ------ */
div#contentsinner .campaign_list01{
	margin:0;
	font-size:80%;
	background-color:#ffc  ;
	}
div#contentsinner .campaign_list01 li{
	margin:5px 0;
	padding:0 13px;
	border-top:1px solid #ccc;
	padding-top:5px;
	line-height:150%;
	}

div#contentsinner .campaign_list01 .num1{
	font-size:90%;
	}

div#contentsinner .campaign_list01 .num2{
	font-size:1.3em;
	font-weight:bold;
	color:#fd8f21;
	}


div#contentsinner .campaign_list02{
	margin:0;
	padding:15px 18px;
	font-size:75%;
	background-color:#eee  ;
	}
div#contentsinner .campaign_list02 li{
	line-height:170%;
	}



/* ------ ↓ケーススタディ4↓ ------ */
div#contentsinner #case4_title{
	margin:20px 0 20px 0;
	}
div#contentsinner .case4_box{
	margin:0 0 10px 0;
	background:#fff url(images/case4study_bg.gif)  no-repeat ;
	border-bottom:1px solid #ccc;
	}
div#contentsinner .case4_box .genjo{
	margin:10px 15px;
	padding:0;
	font-size:75%;
	line-height:150%;
	color:#333;
	}
div#contentsinner .case4_box .reaction{
	margin:5px 15px 15px 15px;
	padding:0;
	font-size:80%;
	line-height:150%;
	color:#fd7700;
	}
div#contentsinner .case4_box .tyu{
	margin:5px 0;
	padding:0;
	font-size:85%;
	line-height:150%;
	color:#333;
	}



/* ------ ↓サイトマップ↓ ------ */
.sitemap_list{
	margin-left:20px;
	margin-bottom:40px;
	}
.sitemap_list .sitemap_lll{
	font-weight:bold;
	font-size:90%;
	margin-bottom:6px;
	border:none;
	}
.sitemap_list li{
	margin:5px 0;
	padding:0;
	font-size:75%;
	border-top:1px solid #ddd;
	padding-top:4px;
	}

/* ------ ↓お問合せ・お見積もり↓ ------ */
#post_txt01{
	margin:20px;
	padding:15px;
	text-align:center;
	line-height:150%;
	background: #fff5b8 ;/* --halfTone-- */
	border:1px solid #d3c57d;
	font-size:75%;
	}
#post_txt02{
	font-size:1.2em;
	line-height:150%;
	margin-bottom:10px;
	}

table#contact {
        font-size: 75%;
        color: #333;
        margin-bottom: 30px;
        border: 1px solid #cccccc;
        border-collapse: separate;
        border-spacing: 1px;
	}
#contact th {
	width:11em;
        padding: 5px 10px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        background-color:#C4D8C7;
	text-align:left;
	
	}

#contact td {
        padding: 5px;
        border-right: 1px solid #cccccc;
        border-bottom: 1px solid #cccccc;
        background-color: #fff;

	}	
.nainaiyo{
	line-height:150%;
	}

/* ------ ↓ページトップに戻る↓ ------ */
.back_topage{
	text-align:right;
	margin-bottom:50px;
	}

.back_topage_size15 {
	text-align:right;
	margin-bottom:15px;
	}

/* ------ ↓見出し↓ ------ */
.lead{
	font-size:15px;
	font-weight:bold;
	color:#666;
	background: url(images/lead_bar.gif)  0 15px  no-repeat ;
	margin-bottom:15px;
	padding-left:6px;
	}
.lead .lead_num{
	font-size:1.5em;
	font-weight:bold;
	color:#FD8F21;
	}



/* ------------------------ ↓nabi↓ ------------------------ */
/* ------ ↓お問合せ・見積もり↓ ------ */
.bun_contact {
	margin-bottom:20px ;
	}

.bun_contact a{
	display:block;
	width:240px;
	height:60px;
	background: url(images/bun_contact_on.gif)  0 0  no-repeat ;
	}

.bun_contact a:hover {
	background-color:#fff ;/* --ie6-- */
	}

.bun_contact a:hover img{
	visibility:hidden;;
	}


/* ------ ↓ポイントメニュー↓ ------ */
.point_menu_t{
	font-size:15px;
	font-weight:bold;
	text-align: center;
	margin-bottom:8px ;
	color:#fd8f21;
	border-top:1px solid #fd8f21;
	border-bottom:1px solid #fd8f21;
	}

.point_menu{
	font-size:70%;
	text-align: left;
	margin-bottom:20px ;
	}

.point_menu ul{
	}

.point_menu li{
	padding:5px 0 5px 20px;
	border-bottom:1px solid #ccc;
	background: #fff url(images/bookicon.gif) no-repeat 0 50%  ;
	letter-spacing: -1px;
	}

.point_menu li a:link {
	text-decoration:none;
	color:#333;
	}

.point_menu li a:visited {
	text-decoration:none;
	color:#666;
	}

.point_menu li a:hover {
	text-decoration:none;
	color:#fd8f21;
	background: #ffed7b ;
	}

.point_menu li a:action{
	text-decoration:none;
	color:#fd8f21;
	background: #ffed7b ;
	}





/* ------ ↓バナー4スタディ↓ ------ */

.banner_4case{
	width:240px;
	height:210px;
	background: #fff url(images/case4study.gif) no-repeat ;
	}

.banner_4case  .button_4case{
	position:relative;
	top:168px;
	}


/* ------ ↓その他各種コンテンツメニュー↓ ------ */

.imp_menu{
	text-align: left;
	margin:20px 0 10px 0;
	}

.imp_menu .set {
	line-height:1.0;
	padding:5px 0 5px 60px;
	border-top:1px solid #999;
	float:clear;
	height:50px;
	}

#imp_01{
	background: url(images/submenu01.gif)  0 5px no-repeat ;
	}

#imp_02{
	background: url(images/submenu02.gif)  0 5px no-repeat ;
	}

#imp_03{
	background: url(images/submenu03.gif)  0 5px no-repeat ;
	}

#imp_04{
	background: url(images/submenu04.gif)  0 5px no-repeat ;
	}



.imp_menu .set .title {
	font-size:65%;
	font-weight:bold;
	margin-bottom:4px;
	color:#fd8f21;
	}

.imp_menu .set p {
	font-size:65%;
	line-height:1.3;
	color:#333;
	margin:0;
	}


#contentsinner p.index_txt {
	}


/* ------ ↓コーデックバナーなど↓ ------ */
.banner_space{
	margin:0 0 50px 0;
	}
.banner_space2{
	margin:0 0 15px;
	}
.banner_space img{
	border:0;
	}
.banner_space2 img{
	border:0;
	}
.banner_space a:hover img{
	filter: alpha(opacity=50);
	opacity:0.5;
	}
.banner_space2 a:hover img{
	filter: alpha(opacity=50);
	opacity:0.5;
	}
#topics_title{
	margin:25px 0 0 0;
	}

#topics_headlead{
	margin:20px 0 31px 0 ;
	padding:10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	color:fd8f21;
	font-size:100%;
	text-align:center;
	}


/* ------ ↓会社概要テーブル↓ ------ */


table.company_table{
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width:415px;
	margin-bottom:20px;
	font-size:75%;
}
.company_table th{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    color:#663300;
    background-color:#FFD1A3;
    padding:0.5em 1em;
    text-align:center;
	width:7em;
}
.company_table td{
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:0.5em 1em;
}



/* ------ ↓サービス提供エリア（TOPPAGE）↓ ------ */


#service_area{
	margin:40px 0;
	}

#service_area h2.service_area_lead{
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin: 0 0 10px 0;
	}

#service_area dl.service_area_list{
	}

#service_area dl.service_area_list dt{
	font-size:80%;
	font-weight: bold;
	margin: 0 0 2px 0;
	}

#service_area dl.service_area_list dd{
	font-size:75%;
	margin: 0 0 10px 0;
	line-height:140%;
	}

#service_area .service_area_cap{
	font-size:75%;
	line-height:140%;
	margin: 0 0 10px 0;
	border:1px solid #ccc;
	padding:10px;
	}
/*----------------------------------------
 added
----------------------------------------*/
.420box {
	width: 420px;
}
.planmenu {
	width: 240px;
}

.cardmidashi {
	width: 420px;
}
h2.cardtitle {
	border-bottom:1px solid #ccc;
	padding-bottom:5px;
	margin: 0 0 10px 0;
}
.lead_left {
	float: left;
	width: 200px;
}
.lead_right {
	float: right;
	width: 200px;
	margin-left: 20px;
}
.clear {
	font-size: 0px;
	clear: both;
}
.gyoshuicon {
	width: 200px;
}
.gyoshuicon2 {
	width: 420px;
}

img.imgleft {
	float: left;
}
p.leadtxt {
	display: block;
	width: 200px;
	line-height: 1.2;
}
.todetailbox {
	text-align: right;
	width: 200px;
}
.leadbox {
	width: 420px;
	padding-bottom: 20px;
}
p.leadtxt2 {
	display: block;
	width: 420px;
	line-height: 1.2;
}
.todetailbox2 {
	text-align: right;
	width: 420px;
}
/*----------------------------------------
 basic
----------------------------------------*/
#basic_title {
	width: 420px;
	padding-top: 20px;
}
p.basic_txt {
	display: block;
	width: 420px;
	line-height: 1.4;
}
img.imgright {
	float: right;
}
.basic_link {
	text-align: right;
	width: 420px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sp20 {
	height: 10px;
	width: 420px;
}
.sidesp {
	height: 15px;
	width: 240px;
}