@charset "UTF-8";
/* ==============================
	contents.css
	インポート用CSS
	ipocket　サブコンテンツ
============================== */

@import "common.css";


/*サブページはここから↓*/


.pankuzu {
	text-align:left;
	padding: 0;
	font-size: 75%;
}

.pankuzu a {
	text-decoration: none;
}

.pankuzu a:hover {
	text-decoration: underline;
	color: #009933;
}



/*中のタイトル----------------*/	
#right h5 {
	text-align: left;
	background-color: #D6F1DE;
	border-bottom: 1px solid #69CF8A;
	border-right: 1px solid #69CF8A;
	border-top: 1px solid #69CF8A;
	border-left: 8px solid #009956;
	padding: 4px 0px 5px 10px;
	margin: 0 0 10px 0;
	color: #333333;
}

/* 中のタイトル終了------------*/

.pagephoto {
clear: both;
background-color: #D7F2E0;
border: 1px solid #69CF8A;
padding: 10px;
overflow: hidden;
height: 125px;
margin-bottom: 10px;
}

.pagephoto_l {
float: left;
margin:0 10px 0 0;
}

.pagephoto_r {
float: left;
width: 430px;
}


/*制作実績----------------*/
.production {
border: 2px #CCCCCC solid;
padding: 10px 5px 10px 10px;
margin: 10px 0 0 0;
overflow: hidden;
clear: both;
width: 560px;
}


.production_l {
float: left;
margin: 0 10px 0 0;
}

.production_r {
float: left;
margin: 0 ;
width: 365px;
}

.customer {
color: #FF5959;
font-size: 120%;
font-weight: bold;
} 


.web_production {
padding: 0px 0px 10px 0px;
margin: 10px 0 0 0;
overflow: hidden;
clear: both;
width: 580px;
}


.web_production_l {
float: left;
margin: 0 15px 0 0;
}

.web_production_c {
float: left;
margin: 0 15px 0 0;
}

.web_production_r {
float: left;
margin: 0 ;
width:;
}


.web_customer {
color: #FF5959;
font-size: 90%;
font-weight: bold;
} 


/*LINk----------------*/
.link {
border-bottom: 1px #CCCCCC dotted;
padding: 0 5px 10px 5px;
margin: 10px 0 0 0;
overflow: hidden;
clear: both;
width: 570px;
}


.link_l {
float: left;
margin: 0 10px 0 0;
}

.link_r {
float: left;
margin: 0 ;
width: 420px;
}

	
/*会社概要----------------*/
.com-table {
	background: #FFF ;
	margin-bottom:25px;
	font-size: 90%;

}
.com-table  th {
	background: #F0F0F0;
	padding:10px 4px 10px 10px;
	border-bottom: 1px dotted #999999;
	width:150px;
	vertical-align:top;
	text-align: left;
}


.com-table  td {
	padding:10px 0 10px 10px;
	vertical-align:top;
	text-align: left;
border-bottom: 1px dotted #999999;
}


/*プラン料金----------------*/
.pl-table {
	background: #FFF ;
	margin-bottom:25px;
	font-size: 90%;
	border-left:1px dotted #999999;
	border-right: 1px dotted #999999;
	border-top:1px dotted #999999;

}
.pl-table  th {
	background: #F0F0F0;
	padding:10px 4px 10px 10px;
	border-bottom: 1px dotted #999999;
	border-right:1px dotted #999999;
	width:150px;
	vertical-align:top;
	text-align: left;
}


.pl-table  td {
	padding:10px 0 10px 10px;
	vertical-align:top;
	text-align: left;
border-bottom: 1px dotted #999999;
}


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

.voice {
border: 1px solid #CCCCCC;
overflow: hidden;
margin-bottom: 20px;
text-align: center;
width: 580px;
}

.voice_phot {
padding: 0px 5px 10px 0;
float:left;
text-align: left;
}

.voice_namec {
padding: 3px 0px 3px 10px;
background-color: #FFB17D;
margin: 10px 10px 0px 10px;
text-align: left;
font-weight: bold;

}

.voice_names {
padding: 3px 0px 3px 10px;
background-color: #FFC4C4;
margin: 10px 10px 0px 10px;
text-align: left;
font-weight: bold;

}

.voice_staff {
border: #FFC4C4 1px solid;
margin: 0px 10px 10px 10px;
padding: 3px 0px 3px 10px;
text-align: left;
font-size: 90%;
}


.voice_table{
	background: #FFF ;
	font-size: 90%;
}

/*お問い合わせ----------------*/
.contact_form {
margin: 0;
font-size: 90%;
}

.contactwaku {
border: 1px solid #999999;
width: 580px;
}


.contact_form th {
text-align: left;
padding:5px 5px 5px 20px;
border-bottom: 1px dotted #666666;
background-color: #D9D9B3 ;
}

.contact_form td {
border-bottom: 1px dotted #666666;
padding:5px;
}

.must {
color:#C84264;
}

.onlineimg {
text-align:center;
margin-bottom:30px;
}


/*サイトマップ----------------*/
.cont-sitemap ul{
	padding:0 0 10px 0;
	border-bottom: 1px dotted #999999;
	width: 580px;
	list-style: none;
	margin: 0;
}
.cont-sitemap ul li{
	padding:5px 0 5px 25px;
	 background: url(../images/common/icon2.gif) 12px 8px no-repeat;
}
.cont-sitemap ul li a{
	text-decoration: underline;	
}
.cont-sitemap ul li a:hover{
	color: #009933;
}



/*代表----------------*/
.rep {
clear: both;
overflow: hidden;
padding-right: 10px;
margin-bottom: 20px;
}

.rep_l {
float: left;
margin-right: 10px;
}

.rep_r {
float: left;
width: 310px;
}

.careertable {
background: #FFFFFF;
}

.careertable td {
border-bottom: #999999 dotted 1px;
padding: 10px;
}