@charset "Shift_JIS";


/*----------------------------------------------
基本用CSS
----------------------------------------------*/

/* メイン */
#main{
	margin:20px 25px 20px 20px;
	width:655px;
}

#left-side{
	margin:0px;
	float: left;
	width: 140px;
}

#right-side{
	margin:0px;
	float: right;
	width: 499px;
}


/* コンテンツ関連 */
.cont-block{
	margin-top:10px;
	margin-bottom: 20px;
	padding:0px;
	width: 499px;
}
/* コンテンツ関連 　お問い合わせ先 */
.cont-contact{
	margin-top:10px;
	margin-bottom: 25px;
	padding:5px;
	background-color: #FFFFFF;
	border: 1px solid #6982BF;
}
.cont-contact p.tel-email{
	margin-top:10px;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
}

/* コンテンツ関連 　お問い合わせ先 */
.cont-point{
	margin-top:0px;
	margin-bottom: 25px;
	padding:5px;
	background-color: #FFFFFF;
	border: 1px solid #AAB9DB;
}
/* コンテンツ関連 　実績はこちら */
.jisseki{
	margin-top:10px;
	margin-bottom: 25px;
	padding:10px;
	background-color: #DBD4E9;
	text-align: center;
	font-weight: bold;
	margin-left: 20px;
}
.jisseki p{
	margin-bottom: 5px;
}

.jisseki2{
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	width: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.jisseki2 ul{
	list-style-type:none;
	float: right;	
}

.jisseki2 ul li{
	list-style-type:none;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../img/common-img/next-arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;

}


/* ヘッドコピー関連 */
.head-text{
	padding-top:5px;
	line-height: 130%;
	padding-bottom: 15px;
}
.head-text2{
	padding-top:10px;
	font-weight: bold;
	padding-bottom: 0px;
	color: #000099;
	font-size: 16px;
	width: 504px;
}
.head-text3{
	padding-top:10px;
}

.head-text4{
	padding-top:5px;
	padding-bottom: 10px;
	width: 330px;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.head-text5{
	padding-top:5px;
	padding-bottom: 5px;
	line-height: 130%;
	font-size: 14px;
	font-weight: bold;
	color: #3f76d8;
	padding-left: 5px;
}

.head-copy-set{
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
/* 通常テキスト */
.normal-text{
	padding-top:3px;
	padding-bottom: 10px;
	line-height: 140%;
}

.normal-text-right{
	padding-top:3px;
	padding-bottom: 10px;
	line-height: 140%;
	text-align: right;
}

.normal-text2{
	padding-top:15px;
	padding-bottom: 5px;
	line-height: 140%;
}

.normal-text3{
	padding-top:5px;
	padding-bottom: 5px;
	line-height: 140%;
}

.normal-text4{
	padding-top:3px;
	padding-bottom: 10px;
	line-height: 140%;
	padding-left: 30px;
}

.normal-text-st{
	padding-top:5px;
	padding-bottom: 5px;
	line-height: 140%;
	text-indent: 0px;
}


/* トップへ戻る */
.go-back{
	margin-top:0px;
	margin-bottom: 15px;
	padding:0px;
	text-align: right;
	clear:both;
}


.b0{
	margin-bottom: 0px;

}

/* リンクボタン */
.link-block{
	margin-top:10px;
	margin-bottom: 10px;
	padding:0px;
	font-weight: bold;
	width: auto;
}

ul.link-block {
	list-style-type:none;
	float: right;
}

ul.link-block  li{
	list-style-type:none;
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(../img/common-img/next-arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 16px;

}
/* 見出し */	
h1	{font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 16px;
	color:#CC0000;
}

h2	{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	background-image: url(../img/common-img/h2-back.gif);
	font-style: normal;
	background-repeat: no-repeat;
	height: 18px;
	width: 489px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	color: #000066;
	margin-bottom: 5px;
}

h2.policy{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	background-image: url(../img/common-img/h2-back.gif);
	font-style: normal;
	background-repeat: no-repeat;
	height: 18px;
	width: 585px;

}

h3.recruit {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	font-style: normal;
	color: #3f76d8;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #3f76d8;
	margin-bottom: 10px;
	margin-top: 10px;
	border-left-style: none;
}

h3{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	padding-top: 0px;
	padding-left: 7px;
	font-style: normal;
	color: #3f76d8;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-right: 10px;
	background-image: url(../img/common-img/gray_line12.gif);
	background-repeat: no-repeat;
	background-position: 1px 2px;
	/*border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;*/	

}
h4{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	padding-top: 10px;
	font-style: normal;
	color: #3f7cd8;
	padding-right: 10px;
	padding-bottom: 0px;
	background-image: url(../img/common-img/gray_sq10.gif);
	background-repeat: no-repeat;
	background-position: 0px 13px;
	padding-left: 13px;
}


/* 画像 */
.gazo-left{
	float:left;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.gazo-right{
	float:right;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.gazo-normal{
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.gazo-normal2{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
}



/* 番号つきリスト */

ol{
	margin-left: 40px;
}
ol li{
	margin:0px;
}

/*----------------------------------------------
会社案内 リクルート用CSS
----------------------------------------------*/
/* 企業理念関連 */
.rinen-text{
	padding-top:10px;
	line-height:1.5;
	padding-right: 10px;
}

/* 沿革 */
#histry-table{
	font-size: 12px;
	color: #333333;
	padding-top:5px;
}

#histry-table tr td{
	line-height: 130%;
	padding-top:5px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 5px;
}

/* 会社概要 */
.profile-table{
	font-size: 12px;
	color: #333333;
	padding-top:5px;
	margin-bottom: 15px;
}

.profile-table tr td{
	line-height: 130%;
	padding-top:5px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding-bottom: 5px;
}
.profile-table tr td.komoku{
	background-image: url(../img/common-img/gray_line12.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: 3px 7px;
}

.profile-table tr td ul{
	list-style-image: none;
	list-style-type: none;
}

.profile-table tr td ul.rec-list{
	list-style-type: disc;
	margin-left: 18px;

}

p.gojuon{
	font-size:10px;
	text-align:right;
}


/* リクルート */
.rec-image{
	padding: 0px;
	margin-left: 40px;
}

.rec-image2{
	padding: 0px;
	margin:15px 0 0 15px;
}
.rec-title{
	font-size: 16px;
	margin-right: 0px;
	margin-top: 1px;
	color: #3f76d8;
	font-weight: bold;
	margin-bottom: 5px;
}
.rec-name{
	padding: 0px;
	margin-right: 5px;
	margin-top: 5px;
	font-size: 12px;
	vertical-align: bottom;
}

.rec-text-box{
	margin-top: 15px;
	margin-bottom: 15px;
	width: 499px;
}

.rec-text-box2{
	float:right;
	margin-left: 10px;
	width: 365px;

}

.member-list{
	font-size: 10px;
	margin-left: 10px;
}
table.rec-sche{
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-left-color: #999999;
}

table.rec-sche th{
	background-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
}
table.rec-sche td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-left-style: none;
	padding-left: 5px;
}
/*  クライアント関連 */
.client-cont{
	width:230px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	float:left;
}

.another-cont{
	text-align: right;
	list-style: none;
}
.another-cont2{
	padding-left:250px;
	list-style: none;
}
/*----------------------------------------------
サービス案内用CSS
----------------------------------------------*/

/* 見出し 2段組*/
.normal-text-l h2	{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	background-image: url(../img/common-img/h2-back.gif);
	font-style: normal;
	background-repeat: no-repeat;
	height: 18px;
	width: 330px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	margin-top: 10px;
}
/* 通常テキスト 2段組*/

.normal-text-l{
	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 10px;
	float:left;
	width: 330px;
	line-height: 130%;
}
.normal-text-r{
	padding-top:0px;
	padding-left: 0px;
	padding-bottom: 10px;
	float:right;
	width: 155px;
	line-height: 130%;
}

.normal-text-l .flow{
	padding: 0px;
	margin-left: 8px;
	margin-bottom: 15px;

}

/* 戦略ナビ*/
#ad-st{
	margin-bottom:10px;
	background-color: #ffffff;
	width: 499px;
	margin-top: 15px;
	text-align: center;
}
#ad-st p{
	padding:5px;
	text-align:center;
	font-weight: bold;
	color: #666666;
}


/* リスト*/

.normal-text-l ul,ul.cont-list {
	font-size:12px;
	list-style-image: none;
	list-style-type: disc;
	margin-left: 30px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.normal-text-l ul li,ul.cont-list  li{
	margin:0px;
	background-image: none;
	background-repeat: no-repeat;
}

/* 広告スケジュール表*/
.ad-table{
	font-size: 12px;
	color: #333333;
	padding-top:5px;
	margin-left: 20px;
}
td.arrow{
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
}
td.sche{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #3361ad;
	font-size: 10px;
	color: #3361ad;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #3361ad;
	padding: 3px;
}
/* 検索エンジン比較表*/

.sarch-table{
	font-size: 12px;
	color: #333333;
	margin-left: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #6982BF;
	border-right-color: #6982BF;
	border-left-color: #6982BF;
	padding-top: 5px;
	margin-top: 10px;
}

.sarch-table td{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6982BF;
}
.sarch-table th{
	padding: 5px;
	background-color: #E8F3FF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #6982BF;
	border-bottom-color: #6982BF;
}
/* 三部署連動ビジュアル*/
.gazo-3div{
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 29px;
}

/*----------------------------------------------
事例紹介用CSS
----------------------------------------------*/
/* 事例メニュー用 */

.item-index{
	padding-left: 3px;
	padding-bottom: 4px;

}

/* 事例リスト用 */
.thumbnail{
	width: 130px;
	float: left;
	text-align: center;
}


/* 事例テキスト用 */
.cont-jirei{
	padding:0px;
	width: 499px;
	margin-bottom: 10px;
}


.thumbnail-base{
	width: 130px;
	height: 130px;
	text-align: center;
}

.thumbnail img{
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;

}

.jirei-box{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.spec{
	float:right;

}
.spec table{
	width: 350px;
	border: 0;
}

.spec table th{
	width: 130px;
	text-align: left;
	vertical-align:top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	background-image: url(../img/common-img/gray_sq10.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left:13px;
}
.spec table td{
	width: 200px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding:0 0 3px 0px;
	}
	
/* 事例ウインドウ */

#body-main3	{
	text-align:left;
	padding:0px;
	border:1px solid #666666;
	width: 320px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#win-box,#win-close,.win-cont{
	width:320px;
	padding:0px;
	margin:0px;
}


#win-box{
	height:320px;
	text-align: center;
}

#win-box-v{
	height:260px;
	text-align: center;
}

#win-close{
	text-align: center;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
	clear:both;
}
.win-cont{
	text-align: left;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #666666;
}

.win-cont p{
	padding:5px;
}

#win-box img{
	padding:10px;
}

#win-close img{
	padding:5px;
}


/*----------------------------------------------
サイトマップ、お問い合わせ、ポリシー用CSS
----------------------------------------------*/
/* お問い合わせ関連 */
.contact-cont{
	width:600px;
	margin:10px 25px;
}

#contact-list{
	margin-left:30px;
	margin-bottom: 10px;
}


#contact-list td{
	padding:3px;
}
/* サイトマップ関連 */
.map-cont{
	width:300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float:left;
}

.map-cont2{
	width:300px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	float:right;
}
.site-map{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;

}

.site-map2{
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-bottom: 15px;

}

h2.map	{
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	background-image: url(../img/common-img/h2-back.gif);
	font-style: normal;
	background-repeat: no-repeat;
	height: 18px;
	width: 280px;

}

	
.map-cont ul li{
	margin:0px;
	padding-left:2px;
	list-style:none;
	border-bottom:dotted 1px #8f90c6;
	background-image: none;
	background-repeat: no-repeat;
	padding-bottom: 2px;
	padding-top: 3px;
	line-height: 1.5em;
}

.map-cont ul li ul li{
	border-bottom:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;

}
.map-cont ul li a{
	padding-left: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6982BF;
}

.map-cont ul li a:hover{
	padding-left: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FF6633;
	color: #FF9900;
}

.map-cont ul li .now{
	padding-left: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6982BF;
	color: #6982BF;
}

.map-cont ul li.navi-bottom{
	border-bottom: none;
}


/*テンプレート販売　template/index.html */


#template{
	margin:0px;
	float: right;
	width: 499px;
	}
	
#template .catch{
	margin:10px 0px;
	}
 
#template strong{
	font-size:14px;
	line-height:140%;
	color:#3f7cd8;
	margin:20px 0px 5px 0px;
	}
	
#template strong.sale{
	font-size:14px;
	line-height:140%;
	color:#F73C74;
	margin:20px 0px 5px 0px;
	}

#template .lead{
	width: 499px;
	margin-bottom: 10px;
	}

#template p {
	font-size:12px;
	line-height:140%;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}

#template ol ul {
	margin:0px;
	padding:0px;
	list-style:disc;
	}

#template .thum{
	width: 128px;
	height: 128px;
	text-align: center;
	border:1px #CCCCCC solid;
}

#template .custom{
	width: 108px;
	height: 108px;
	text-align: center;
	border:1px #CCCCCC solid;
	margin:5px 0px;
	}

#template .detail{
	font-size:10px;
	font-weight:normal;
	color:#666666;
	padding-left:15px;
	}


#template #btn-form {
	text-align:center;
	}

.custom-box {
	width:320px;
	margin-bottom:5px;
	}
	
.custom-1 {
	border:#cccccc 1px solid;
	margin:0 8px 10px 6px;
	padding:1px;
	float:left;
	}
	
.custom-2 {
	border:#cccccc 1px solid;
	float:left;
	padding:1px;
	margin:0 6px 10px 0;
	}

#template #attention{
	width:450px;
	margin-left:20px;
	}

#template #attention ul{
	font-size:10px;
	color:#666666;
	margin-left:10px;
	padding-left:5px;
	list-style:disc;
	}

#template #twoplans {
	text-align:center;
	}
	
.catch {
	font-weight:bold;
	}		
	
.note{
	font-size:10px;
	font-weight:normal;
	color:#666666;
	margin:2px 0 5px 0;
	line-height:120%;
	}	
	
#option p {
	margin:5px 0;
	}

#option table{
	margin:10px 0 10px 100px;
	border-top:#CCCCCC 1px solid;	
	}	
	
#option td {
	text-align:right;
	line-height:140%;	
	padding:3px 0;
	color:555555;
	font-weight:bold;
	border-bottom:#CCCCCC 1px solid;
	}
	
#option th {
	font-weight:bold;
	color:#3f7cd8;	
	text-align:left;
	line-height:140%;	
	padding:3px 0;	
	border-bottom:#CCCCCC 1px solid;	
	}

.catch02{
	background-color:#57C096;
	padding:3px 0 3px 5px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	}	
	
#template p.tel {
	font-size:26px;
	color:#CC0000;
	font-weight:bold;
	text-align:center;
	}	

/*テンプレート販売　template/index2.html */
#main-temp {
	width: 700px;

}
#go-temp {
	width: 620px;
	margin-left: 40px;
	text-align: right;

}

#next-temp {
	font-size:26px;
	width: 655px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}
.temp{
	margin-right: 10px;
}
/*スタジオ　photo/index.html */
div.photo-left{
	width:244px;
	float: left;
}
div.photo-right{
	width:240px;
	float: right;
}
div.photo-right img{
	padding-bottom:10px;
}


/*photo_gallary/index.html */
div.photo-thum{
	width:100px;
	height:100px;
	float:left;
	margin: 12px;
	padding:0px;
	overflow:hidden;
}
div.photo-thum span{
	overflow:hidden;
}

/*audiotype*/
ul.cont-list-none {
	font-size:12px;
	list-style-image: none;
	list-style-type:  none;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
}
.normal-text-l ul li,ul.cont-list-none li{
	background-image: none;
	background-repeat: no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
}
table.audiotype-price{
	width:100%;
	margin-bottom: 5px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CACAFF;
	border-left-color: #CACAFF;
}
table.audiotype-price th,table.audiotype-price td{
	padding:5px;
	border-bottom-color:#CACAFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CACAFF;
}

table.audiotype-price th{
	background-color:#E8F3FF;
}
table.audiotype-price td{
	text-align:right;
}
table.audiotype-price tr.kisu{
	background-color:#F0F0F0;
}
ul.cont-list-glay{
	font-size:12px;
	list-style-image: none;
	list-style-type:  none;
	margin-left: 10px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
}
ul.cont-list-glay li{
	paddng-left: 12px;
	background-image: url(../audiotype/img/list_glay.gif);
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left center;

}


/*ＳＰツール集客戦略　スペース*/
.under_space{
	margin-bottom:20px;
}