@charset "UTF-8";
/* 共通レイアウト読み込み */
@import url("../../common/_common.css");

/* サービス 共通 */
.clear-both {
	clear:both;
	display:inherit;
	font-size:1px;
}
address { font-style:normal;}


/* メインメニュー */
.flash-wrapper { width:960px;height:90px;border-bottom:solid 2px #ce8d16}


#Contents {
	background:url(../../images/sub_common/cg001.gif) repeat-y left;
	background-position:bottom left;
}

#clear-bottom {
	clear:both;
	display:block;
	height:25px;
	background: url(../../images/sub_common/cg002.gif) no-repeat left bottom;
}

/* 左メニュー */
#Left-Menu {
	width:224px;
	float:left;
}

#Left-Menu ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#Left-Menu li img { vertical-align: bottom;} 

/* ページナビゲーション */
#global_navi { padding:9px 0 0 10px !important; margin:0 !important;background:none !important; background:}
#global_navi li { padding:0 !important; margin:0 !important; line-height:110%; list-style:none; display:inline; background:none !important;}


/* #Right-Area 共通 */
div.hr{ background:url(../images/cg008.gif) repeat-x bottom; height:10px; margin:30px 0;}
hr { display:none;}

#Right-Area {
	float:left;
	padding:0px 0px 30px 20px;	
	width:690px;
}

#Right-Area ul,ol,il,dd { margin:0; padding:0; }
#Right-Area p,li,address,dd { line-height:1.45em;}

/* サムネイル */
.index #Right-Area .list { width:310px; padding:25px 0 20px 0; float:left;}
.index #Right-Area .left-30 { margin-left:30px}

.index #Right-Area .thum { float:left; width:100px; padding-left:15px;}
.index #Right-Area .thum a img { border:solid 7px #dfdfdf !important;}
.index #Right-Area .thum a:hover img { border:solid 7px #FFAA00 !important}

.index #Right-Area .text-area { float:left;width:180px; margin-left:13px;}
.index #Right-Area .list h2 { margin:3px 0 5px 0 !important ;}

.index #Right-Area .detail { text-align:right; padding-top:10px}
.index #Right-Area .detail a { padding-right:15px;	background:url(../images/arrow_off.gif) no-repeat center right;}
.index #Right-Area .detail a:hover{	padding-right:15px;	background:url(../images/arrow_on.gif) no-repeat center right;}


/* サブページ共通 */
.sub-page #Right-Area .bg {
	background:url(../../images/sub_common/cg003.gif) no-repeat left top;
	padding:18px 0px 10px 18px;
	margin-bottom:20px;
	width:670px;
	clear:left;
}

.sub-page #Right-Area .bg-end {
	background:url(../../images/sub_common/cg003.gif) no-repeat left top;
	padding:18px 0px 10px 18px;
	margin-bottom:2px;
	width:670px;
	clear:left;
}

.sub-page #Right-Area .bg h2 {
	font-weight:bold;
	font-size:105%;
	color:#444444;
	margin-bottom:20px;
}

.sub-page #Right-Area .bg-end h2 {
	font-weight:bold;
	font-size:105%;
	color:#444444;
	margin-bottom:20px;
}

/*--------------以下受託開発各ページ-----------------------------*/
.index { background:url(../images/index_bg1.jpg) no-repeat left bottom;}

.index h1 { font-size:280%; color:#000; padding:20px 0 5px 0; margin-left:200px;}
.index h2 { font-size:110%;margin:0 0 5px 200px;}
.index p { margin-left:200px; padding-top:25px; width:430px;}
.index strong {color:#FF6600}

/*-------1.システム開発----------*/
.system h1 { padding:5px 0 25px 10px ;}
.system h3 { font-weight:bold; padding:0 0 0 13px; margin:0 0 0 5px; color:#006699; background:url(../images/cg04.gif) no-repeat left center}
.system p {margin:0 0 10px 15px}
.system h4 { padding:0 0 0 15px;}
.system .bg p { margin-bottom:20px; padding-left:3px}
.system .bg-end p { margin-bottom:20px;padding-left:3px}
.system dl { padding:0 5px 0 5px ; margin:0 15px 0 5px; border: solid 1px #666666}
.system dt { font-weight:bold; margin:5px 0 3px 5px}
.system dd {padding:0 0 5px 10px ;border-bottom: dashed 1px #CCCCCC}
.system dd.border-none {border: none}

.system #section1 { background:url(../images/bg01.jpg) no-repeat right top; width:640px;}
.system #section2 { background:url(../images/bg02.jpg) no-repeat right top; width:640px;}
.system #section3 { background:url(../images/bg03.jpg) no-repeat right top; width:640px;}
.system #section4 { background:url(../images/bg04.jpg) no-repeat right top; width:640px;}


/*-------2.HP制作----------*/
.hp h1 { padding:0 0 30px 10px ;}

.hp #container-left { width:400px; margin:0 20px 0 0; float:left; padding-left:15px;}
.hp #container-left h2 { font-weight:bold; margin:0 0 10px 0; font-size:110%; color:#214598}
.hp #container-left p { margin:0 0 15px 0;}
.hp #container-left p strong { color:#214598}

.hp #container-right {width:240px;float:right; padding-top:40px}

/*-------3.VP制作----------*/
.vp h1 { padding:5px 0 20px 10px ;}
.vp #container-left { width:350px; margin:0 20px 0 0; float:left; padding-left:18px;}
.vp #container-left h2 { font-weight:bold; margin:10px 0 10px 0; font-size:110%; color:#214598}
.vp #container-left p { margin:0 0 15px 0;}

.vp #container-right { width:300px;float:right; padding-top:40px}


/*-------4.CG制作----------*/
.cg h1 { padding:7px 0 0 6px }
.cg h2 { font-weight:bold;font-size:110%; color:#214598}
.cg h3{ font-weight:bold;
	margin:0 0 5px 0px;
	padding:2px 0 3px 5px;
	color:#cd8c16;
	border-bottom: solid 1px #f3c751;
}
.cg p { line-height:160%!important;}
.cg p.intro { margin:10px 20px 10px 20px}
.cg div#banner-area { float:left; width:230px; margin-left:10px;}

.cg div.section { width:620px; margin:0 0 0 10px}
.cg div.section img { float:left; margin:5px}
.cg div.section p { float:left; width:510px!important;}

/* コンテンツギャラリー バナー */
#cgbanner a { display:block; height:82px; width:211px; background:url(../images/banner_cg.gif) no-repeat; text-indent:-2000px; overflow:hidden; }	
#cgbanner a:hover { background:url(../images/banner_cg_on.gif) no-repeat;}