@charset "Shift_JIS";

body {
    margin:0; 
    padding:0;
	  color:#555;
		background-color:#FFFFFF;
		background:url(../img/head_bg.gif) repeat-x top;
		text-align:center;
	  font-family: 'Universe','Lucida Grande','Hiragino Kaku Gothic Pro',"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sans-serif;
    }
			 
			 
h1,h2,h3,h4 {
    margin:0;
		}
		 
hr {
    margin:0;
    padding:0;
    display:none;
		}

p { 
    margin:0;
    padding:0;
		}

dl,dt,dd,ul,td {
    margin:0;
    padding:0;
		}
		
th {
    margin:0;
    padding:0;
		text-align:left;
		}

li {
    margin:0;
    padding:0;
		list-style:none;
		}
		 
img {
    border:0;
		}

form {
    margin:0;
    padding:0;
		display:block;
		}
			 
input,select,option {
    margin:0;
    padding:0;
    vertical-align: middle;
		}
		
.clear { 
    clear: both; 
    } 

/* clearfix ---------- */

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


a:link {
    color:#555;
    text-decoration:none;
		}
				 
a:visited {
    color:#555;
    text-decoration:none;
		}
						
a:hover {
     color:#D12007;
     text-decoration:none;
		 }
					
a:active { 
    color:#E86801;
		}
		
		
#toAnchors {
	width:0px;
	height:0px;
	text-indent:-10000em;
	vertical-align:top;
	text-decoration:none;
	overflow:hidden;
	position:absolute;
	left: 471px;
	top: -12px;
		}
		

#wrapper {
    width:100%;
		background-color:#FFFFFF;
		background:url(../img/foot_bg.gif) repeat-x bottom;
		}

/*header*/
		
#header {
		position:relative;
    width:786px;
		height:68px;
		text-align:left;
    margin:0 auto;
		padding:0;
		}
		
#header h1 {
		position:absolute;
    width:171px;
		height:35px;
		top:15px;
		left:0px;
    margin:0;
		padding:0;
		}
			
#header h2 {
		position:absolute;
		height:35px;
		top:20px;
		left:178px;
    margin:0;
		padding:0;
		}
		
#textSize {
		position:absolute;
		display:block;
		width:194px;
		height:25px;
		top:5px;
		left:592px;
    margin:0;
		padding:0;
		}
		
#textSize td img {
    margin:0 0 0 8px;
		padding:0;
		}
		
#head_bt {
		position:absolute;
		display:block;
		width:194px;
		height:25px;
		top:35px;
		left:592px;
    margin:0;
		padding:0;
		}
		
#headNavi li {
		float:left;
		margin:0;
		padding:0 0 0 6px;
		}
		
/*globalNavi*/
		
#globalNavi {
    width:786px;
		height:40px;
		margin:0 auto;
		padding:0;
		}
		
#globalNavi li {
    float:left;
		margin:0;
		padding:0;
		}
		
#globalNavi a {
    display:block;
		}
		
.gnav01 a {
    width:100px;
		margin:0;
		padding:0;
		}
		
.gnav02 a {
    width:98px;
		margin:0;
		padding:0;
		}
		
.gnav03 a {
    width:98px;
		margin:0;
		padding:0;
		}
		
.gnav04 a {
    width:98px;
		margin:0;
		padding:0;
		}
		
.gnav05 a {
    width:98px;
		margin:0;
		padding:0;
		}
		
.gnav06 a {
    width:98px;
		margin:0;
		padding:0;
		}
		
.gnav07 a {
    width:98px;
		margin:0;
		padding:0;
		}

.gnav08 a {
    width:98px;
		margin:0;
		padding:0;
		}
		
		
		
		
/*content TOP*/

#mainVisual {
    width:788px;
    margin:12px auto;
		padding:0;
		}
		
#content {
    width:782px;
		text-align:left;
    margin:0 auto;
		padding:0;
		}
		

		
#container_t {
    width:782px;
		text-align:left;
		background:url(../img/con_bg01.gif) repeat-y;
    margin:12px 0;
		padding:0;
		}
		
#container_t .left {
    float:left;
    width:534px;
    margin:0;
		padding:0;
		}	
			
		
.blockA {
    width:534px;
    margin:0 0 20px;
		padding:0;
		}
		
.blockA h3 {
    width:514px;
		height:26px;
		background:url(../img/tit_bg01.gif) no-repeat;
		color:#a0141a;
    margin:0 0 6px;
		padding:8px 0 15px 20px;
		}
		
.blockA p {
    margin:0;
		padding:0 0 0 10px;
		}
		
		
.moreInfo {
    float:right;
		height:15px;
    background:url(../img/yaji01.gif) no-repeat;
		margin:10px 0 0;
		padding:0 0 0 20px;
    }
		
.infoItem {
    margin:0;
		padding:0 0 0 10px;
		}
		
.infoItem dt { float:left; font-weight:bold; }
.infoItem dd { text-indent:20px; }

#container_r {
    width:524px;
		text-align:left;
    margin:12px 0 0;
		padding:0 0 0 10px;
		}
		
		
.blockB {
    float:left;
    width:252px;
		float:left ;
    margin:0;
		padding:0 10px 10px 0;
		}
		
.blockB h4 {
		margin:0 0 5px;
		padding:0;
		}
		
.blockB img {
		float:left;
    margin:0 10px 0 0;
		padding:0;
		}
		
.blockB p {
    margin:0;
		padding:0;
		}



#container_t .right {
    float:right;
    width:224px;
    margin:0;
		padding:0;
		}
		
		
.blockC {
    width:224px;
	background:url(../img/r_foot.gif) no-repeat bottom;
	text-align:center;
    margin:0 0 10px;
		padding:0 0 10px;
		}
		
.blockC h3 {
    width:204px;
		height:25px;
		background:url(../img/r_head.gif) no-repeat top;
		text-align:center;
    margin:0;
		padding:15px 10px 0;
		}
		
.blockC img {
    margin:0 0 5px;
		padding:0;
		}
		
.blockC p {
    margin:0 0 5px;
		padding:0 5px;
		}
		
#pagetop {
		width:786px;
		margin:0 auto;
		padding:0;
    }
		
/*content 第2階層以下*/	

#bread {
    width:762px;
		text-align:left;
		margin:0 auto;
		padding:0 10px 6px;
    }

#container_n {
    width:782px;
		text-align:left;
    margin:0 0 2px;
		padding:0;
		}
		
#container_n .left {
    float:left;
    width:196px;
    margin:0;
		padding:0;
		}	
		
#localNavi {
    width:196px;
	background:url(../img/lnav_bar.gif) no-repeat top;
    margin:0;
		padding:0;
		}	
		
#localNavi li {
    width:171px;
		background:url(../img/yaji01.gif) no-repeat 5px 12px;
		border-bottom:solid 1px #c4c1c2;
    margin:0;
		padding:10px 0 10px 25px;
		}	
		
#container_n .right {
    float:right;
    width:567px;
	background:url(../img/tit_bg03.gif) no-repeat top;
    margin:0;
		padding:0;
		}	
		
#container_n .right h3 {
    width:552px;
		height:32px;
		color:#c4181f;
		background:url(../img/tit_bg03.gif) no-repeat;
    margin:0 0 10px;
		padding:11px 0 15px 15px;
		}	
		
		
.blockD {
    width:543px;
    margin:0 0 20px 12px;
		padding:0;
		}
		
.blockD h4 {
    width:523px;
		height:26px;
		background:url(../img/tit_bg02.gif) no-repeat;
    margin:0 0 6px;
		padding:8px 0 15px 20px;
		}
		
.blockD img {
    float:left;
    margin:0;
		padding:0 12px 0 8px;
		}
		
.blockD p {
    margin:0;
		padding:0 0 0 10px;
		}
		
.blockE {
    width:543px;
	border-bottom:solid 1px #c4c1c2;
    margin:0 0 10px 12px;
		padding:0 0 10px;
		}
		
.blockE img {
    float:left;
    margin:0;
		padding:0 12px 0 0;
		}
		
.blockE p {
    margin:0;
		padding:0 0 0 10px;
		}
		
.blockE .step {
    width:543px;
	border-bottom:solid 1px #c4c1c2;
    margin:0 0 6px;
		padding:0 0 6px;
		}
		
.blockE .step h4 {
    width:477px;
	height:100%;
    margin:0;
	background:none;
		padding:0 0 0 10px;
		}
		
.blockE .step img {
    margin:0;
		padding:0;
		}
	
/*ワークフロー*/

.flow { margin:0 0 10px; padding:0; }
.fwtxt { width:386px; background:url(../../shared/img/flow_bg.gif) repeat-x; color:#a30a10; font-size:small; line-height:1.4em; font-weight:bold; text-align:left; }
.more { text-align:left; padding-left:15px; }
.ex { margin:20px 0; text-align:left; }	


/*制作事例*/

.cate { width:552px; margin:0 0 20px; }

.cate p { vertical-align:top; }
.article { float:left; width:170px; margin:0; padding:12px 0 12px 12px; vertical-align:bottom; }
.article:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.article { display:inline-table; }
/*Hides from IE-Mac /*/
* html #right .article { height:1%; }
.article { display:block; }
/*End hide from IE-mac */

.article img { display:block; vertical-align:bottom; margin:0 0 8px; }
.article .tit { color:#508EAE; font-weight:bold; text-align:center }


/*FAQ*/

.qa { width:552px; margin:0 0 20px 12px; padding:0; }
.qa p { margin:0; }
.question { display:block; width:502px; background:url(../img/q.gif) no-repeat; padding:17px 0 6px 50px; }
.answer { display:block; width:502px; background:url(../img/a.gif) no-repeat; padding:7px 0 16px 50px; }



/*サービス利用規約*/

.agree p { margin:0 0 12px; }



/*会社概要*/

.comp{
	margin: 0 0 20px 12px;
}

.company{
	padding: 5px;
	background:url(../img/dotline.gif) repeat-x bottom; 
}

.company_l{
  color:#c4181f;
	padding: 5px;
	background:url(../img/dotline.gif) repeat-x bottom; 
}

.company_lb{
  color:#c4181f;
	padding: 5px;
}


.company_b {
	padding: 5px;
}



		
		
/*footer*/

#footer {
    position:relative;
    width:786px;
		height:35px;
		text-align:left;
    margin:0 auto;
		padding:0;
		}
		
#copyright {
		position:absolute;
    display:block;	
		top:7px;
		left:338px;	
		margin:0;
		}
		
#footNavi {
		position:absolute;
    display:block;
		top:10px;
		left:4px;		
		margin:0;
		}