/* ------------------------------ Base------------------------------ ?@*/



* {
	margin:0;padding:0;
	}  
#wrap{
    width: 100%;
    margin:0px auto;
    position:relative;
    min-height: 100%;
	background-color:#FFF;
	-webkit-text-size-adjust: auto;
	-webkit-tap-highlight-color: #000;
}














table{
	border-collapse:collapse;
	border-spacing:0;
	}  
	
fieldset {
	border:0;
	}
	
img{
	border:0;
	vertical-align: top;
	} 
	
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
	}  
	
ol,ul {
	list-style:none;
	}  
	
caption,th {
	text-align:left;
	}  
	
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	}  
	

.none {
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.del {
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
	}


a:link { 
	color: #468eeb;
	text-decoration:none;
	} 


a:visited { 
	color: #468eeb;
	text-decoration:none;
	} 


a:hover { 
	color: #468eeb;
	text-decoration:underline;
	} 





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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}





/* ------------------------------ Mrgn ------------------------------ */



.mrg-b-10 {
	margin-bottom:10px;
	}

.mrg-b-15 {
	margin-bottom:15px;
	}


.mrg-b-20 {
	margin-bottom:20px;
	}

.mrg-b-30 {
	margin-bottom:30px;
	}


.mrg-b-35 {
	margin-bottom:35px;
	}


.mrg-b-40 {
	margin-bottom:40px;
	}
	

.mrg-b-50 {
	margin-bottom:50px;
	}


.mrg-t-10 {
	margin-top:10px;
	}



.mrg-t-30 {
	margin-top:30px;
	}



/* ------------------------------ Body ------------------------------ */



body {
	color:#666;
	font-size:13px; line-height:180%;
	background-color:#47b72d;
	}






#main-image {
	width:800px;
	height:300px;
	margin:0px auto;
	}	


.clm-four-foot {
	background-image:url(/common/image/clm_four_02.gif);
	background-position:bottom;
	width:800px;
	margin:0px auto;
	}

.clm-four-head {
	background-image:url(/common/image/clm_four_01.gif);
	background-repeat:no-repeat;
	}

.clm-four-head h2{
	margin-bottom:15px;
	}

.clm-four-left {
	float:left;
	padding:20px 29px 10px 20px;
	width:153px;
	}

.clm-four-right{
	float:left;
	padding:20px 20px 10px 20px;
	width:153px;
	}



#news-sol {
	width:800px;
	margin:0px auto;
	background-image: url("/common/image/pct_top_02.gif"); background-repeat:repeat-y;
	}

#top-news {
	float:left;
	width:381px;
	padding-left:20px;
	}

#top-news h2{
	margin-bottom:10px;
	}

#top-news dl{ width: 360px;display: block;}

#top-news dt { width: 90px;float: left;}

#top-news dd { width: 270px;float: left;}



#top-sol {
	float:left;
	width:399px;
	}

#top-sol li {
	float:left;
	}









#sub-header {
	width:800px;
	height:120px;
	margin:0px auto;
	}
	
#logo {
	margin:30px 0px 0px 10px;
	float:left;
	}

#header-link {
	float:right;
	margin-top: 45px;
	}

#header-link li {
	float:left;
	margin-left:15px;
	}

#navi {
	width:800px;
	height:80px;
	margin:0px auto;
	}

#navi li {
	float:left;
	}

#sub-main{
	width:800px;
	margin:0px auto;
	}
	
#portfolio-main{
	width:550px;
	margin:0px auto;
	}

#news-main{
	width:550px;
	margin:0px auto;
	}

#left-menu {
	float:left;
	width:200px;
	padding-top:100px;
	}


#left-menu li {
	/*background-image:url("/common/image/cm_bar.gif");
	background-repeat:no-repeat;
	background-position:0px 30px;
	text-indent:27px;*/
	}


.ico-top{
	background-image: url("/common/image/cm_circle.gif"); background-position : 0px 7px;  background-repeat : no-repeat ; padding: 0px 0px 15px 20px; border-bottom:solid 1px #ccc;
	}

.ico-cir{
	background-image: url("/common/image/cm_circle.gif"); background-position : 0px 7px;  background-repeat : no-repeat ; padding: 0px 0px 0px 20px;
	}

.ico-arr{
	background-image: url("/common/image/cm_arrow.gif"); background-position : 0px 22px;  background-repeat : no-repeat ; padding: 15px 0px 15px 20px; border-bottom:solid 1px #ccc;
	}

.ico-mpo{
	background-image: url("/common/image/cm_pop.gif"); background-position : 0px 22px;  background-repeat : no-repeat ; padding: 15px 0px 15px 20px; border-bottom:solid 1px #ccc;
	}

.ico-pop{
	background-image: url("/common/image/cm_pop.gif"); background-position : 0px 7px;  background-repeat : no-repeat ; padding: 0px 0px 0px 20px;
	}

.ico-arc{
	background-image: url("/common/image/cm_arrow.gif"); background-position : 0px 7px;  background-repeat : no-repeat ; padding: 0px 0px 0px 20px;
	}

.ico-gray{
	background-image: url("/common/image/cm_lightgray.gif"); background-position : 0px 7px;  background-repeat : no-repeat ; padding: 0px 0px 0px 20px;
	}



#contents {
	float:right;
	width:550px;
	}

#contents h1{
	height:70px;
	}

#contents h2{
	margin-bottom:10px;
	}

#contents .page-copy{
	font-size:18px;
	font-weight:bold;
	}
	
#news-contents {
	float:left;
	width:500px;
	padding: 30px;
	}

#news-contents h1{
	height:70px;
	}

#news-contents h2{
	margin-bottom:10px;
	}

#news-contents .page-copy{
	font-size:18px;
	font-weight:bold;
	}

	
#list-link {
	font-size:10px;
	margin-bottom:5px; 
	}


#one-contents {
	width:800px;
	}


#one-contents h1{
	height:70px;
	}

#one-contents h2{
	margin-bottom:10px;
	}

#one-contents .page-copy{
	font-size:18px;
	font-weight:bold;
	}




.clm-two-foot {
	background-image:url(/common/image/clm_two_02.gif);
	background-position:bottom;
	}

.clm-two-head {
	background-image:url(/common/image/clm_two_01.gif);
	background-repeat:no-repeat;
	}

.clm-two-head h3{
	margin-bottom:15px;
	}

.clm-two-one-foot {
	background-image:url(/common/image/clm_two_one_02.gif);
	background-position:bottom;
	}

.clm-two-one-head {
	background-image:url(/common/image/clm_two_one_01.gif);
	background-repeat:no-repeat;
	}

.clm-two-one-head h3{
	margin-bottom:15px;
	}

.clm-two-left {
	float:left;
	padding:20px 20px 10px 20px;
	width:230px;
	}

.clm-two-right {
	float:right;
	padding:20px 20px 10px 20px;
	width:230px;
	}

.page-top {
	float:right;
	margin:20px 0px 30px 0px;
	}


.what-foot {
	background-image:url(/common/image/dot_line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}

.what-head {
	background-image:url(/common/image/dot_line.gif);
	background-repeat:no-repeat;
	}

.what-head h3{
	margin-bottom:15px;
	}

.what-base {
	padding:0px 0px 20px 0px;
	width:550px;
	}

.advantage {
	width:510px;
	border:solid 1px #d8d8d8;
	padding:20px 20px 20px 20px;
	}

.con-left {
	float:left;
	\width:250px;
	}

.con-right {
	float:right;
	width:250px;
	}


.cvoice-foot {
	background-image:url(/common/image/dot_line.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	}

.cvoice-head {
	background-image:url(/common/image/dot_line.gif);
	background-repeat:no-repeat;
	}

.cvoice-head h3{
	margin-bottom:15px;
	}

.cvoice-base {
	padding:0px 0px 20px 0px;
	width:400px;
	}


.cvoice-photo {
	float:right;
	width:120px;
	margin:0px 0px 15px 15px; 
	}

.cvoice-photo p {
	font-size:10px;
	line-height:160%;
	}


.right-pct {
	float:right;
	margin:0px 0px 15px 15px; 
	}






.newinfo    { width: 	550px;}

.newinfo dl { width: 550px;display: block;}

.newinfo dt { 
	width: 60px;
	float: left;
	text-align:right;
	}

.newinfo dd { 
	width: 490px;
	float: left;
	}







.table-base {
	margin:5px 0 5px 0;
	border-collapse:collapse;
    table-layout:fixed;
	}



.table-base td {
    padding:5px 10px 5px 10px;
    border:solid 1px #d8d8d8;
	width:400px;
	}



.table-base th {
    padding:5px 10px 5px 10px;
    background: #efefef;
    border:solid 1px #d8d8d8;
    font-weight:normal;
    color:#333333;
    text-align:left;
	width:100px;
	}


.port-base {
	float:left;
	margin:0px 7px 0px 7px;
	height:300px;
	width:250px;
	}


.port-left {
	float:left;
	width:400px;
	}



.port-right {
	float:right;
	width:350px;
	}


.port-navi {
	margin-left:50px;
	}


.port-navi li {
	float:left;
	margin:0px 10px 0px 10px;
	}










.bottom-contact {
	width:508px;
	border:solid 1px #d8d8d8;
	padding:20px;
	}

.bottom-contact-left {
	float:left;
	}

.bottom-contact-right {
	float:right;
	}



.con-btn {
	margin-left:145px;
	}




#footer{
    background-color:#47b72d;
    width:100%;
	font-size:10px;
	color:#235b16;
	line-height:180%;
	padding:70px 0px 20px 0px; 
        background-image:url(/common/image/footer_bg.gif);    
	background-repeat:no-repeat;
	background-position:top center;
	margin-bottom:30px;
	}

#footer-base{
	width:800px;
    margin:0px auto;
	}

.footer-01 {
	float:left;
	width:200px;
	}

.footer-02 {
	float:left;
	width:140px;
	margin-left:10px;
	}

.footer-03 {
	float:left;
	width:150px;
	margin-left:10px;
	}

.footer-04 {
	float:left;
	width:150px;
	margin-left:10px;
	}
.footer-05 {
	float:left;
	width:120px;
	margin-left:10px;
	}

#footer a:link { 
	color: #235b16;
	text-decoration:none;
	} 

#footer a:visited { 
	color: #235b16;
	text-decoration:none;
	} 

#footer a:hover { 
	color: #235b16;
	text-decoration:underline;
	} 


.footer-ico{
	background-image: url("/common/image/footer_ico.gif"); background-position : 0px 5px;  background-repeat : no-repeat ; padding: 0px 0px 0px 10px;
	}

#left-menu .current {
	font-weight:bold;
	}

#nof-txt {
	float:left;
	padding:60px 0px 0px 10px;
	}

#nof-port {
	padding:00px 10px 0px 0px;
	float:right;
	}

.nof-link {
	padding:35px 0px 0px 5px;
	}
	
.ef-green{
	color: #47b72d;
	}


.contact-table-base {
	margin:5px 0 5px 0;
	border-collapse:collapse;
    table-layout:fixed;
	}



.contact-table-base td {
    padding:5px 10px 5px 10px;
    border:solid 1px #d8d8d8;
	width:350px;
	}



.contact-table-base th {
    padding:5px 10px 5px 10px;
    background: #efefef;
    border:solid 1px #d8d8d8;
    font-weight:normal;
    color:#333333;
    text-align:left;
	width:150px;
	}

#page-error {
	height:400px;
	}

.news-link {
	margin-left:250px;
	}
	

.clm-three-01 {
	float:left;
	margin:0px 0px 10px 0px;
	width:175px;
	}

.clm-three-02 {
	float:left;
	margin:0px 0px 10px 13px;
	width:175px;
	}

.clm-three-03 {
	float:left;
	margin:0px 0px 10px 12px;
	width:175px;
	}

.table-ebook {
	margin:5px 0 30px 0;
	border-collapse:collapse;
    table-layout:fixed;
	}

.table-ebook td {
    padding:5px 10px 5px 10px;
    border:solid 1px #d8d8d8;
	width:300px;
	}

.table-ebook th {
    padding:5px 10px 5px 10px;
    background: #efefef;
    border:solid 1px #d8d8d8;
    font-weight:normal;
    color:#333333;
    text-align:left;
	width:200px;
	}

.table-iphone {
	margin:5px 0 30px 0;
	border-collapse:collapse;
    table-layout:fixed;
	}

.table-iphone td {
    padding:5px 10px 5px 10px;
    border:solid 1px #d8d8d8;
	width:380px;
	}

.table-iphone th {
    padding:5px 10px 5px 10px;
    background: #efefef;
    border:solid 1px #d8d8d8;
    font-weight:normal;
    color:#333333;
    text-align:left;
	width:120px;
	}

/* portfolio 修正 */

#portfolio {
	padding-bottom:20px;
	}

#portfolio .portimg {
	float:left;
	width:270px;
	}

#portfolio .porttxt {
	float:left;
	width:280px;
	margin-top:10px;
	}

#portfolio .porttit{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	}

#portfolio .porttag{
	font-size:10px;
	line-height:180%;
	}
	
#portfolio span{
	font-weight:bold;
	}

.clearcms {
	overflow: hidden;
}

* html #contents .clearcms {
	height: 1%;
}

.red-arrow { list-style-position:outside; margin-left:10px;}
.red-arrow-point { background-image: url("/common/image/red_arrow.gif"); background-position : 0px 3px;  background-repeat : no-repeat ; padding-left: 15px;}

/* 090302 */

.port-left2 {
	float:left;
	width:270px;
	vertical-align:top;
	}

.port-right2 {
	float:right;
	width:280px;
	vertical-align:top;
	}
/* 090328 */
.onlineform11 {
	width: 60%;
	height: 80%;
	}

/* 090417 */
hr.end{visibility:hidden;clear:both;}

.advimg {
	float:left;
	width:100px;
	padding-top:10px;
	}
.advtxt {
	float:right;
	width:450px;
	}
/* 100707 */
p.waku_new {
   border-radius: 15px;        /* CSS3 */  
   -webkit-border-radius: 15px;    /* Safari,Google Chrome用 */ 
   border: 5px solid #999;
   padding: 10px;
}