@charset "UTF-8";

/*================================================
　 画面用CSS Document ：サービス概要専用
================================================*/

/*=========================================
  各ページ共通部用スタイルシートの読み込み
===========================================*/
@import "common.css";

/*================================================
  メイン部
================================================*/

/*共通
------------------------------------------------*/
#main .large-img{
	font-size:80%;
	text-align:center;
	}

/*販売促進のあらゆるフェーズに対応
------------------------------------------------*/
#main .marketing-phase{
	clear:both;
	padding:10px 0px 0px 0px;
	}

#main .marketing-phase h2{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	padding:0px 0px 10px 0px;
	}

#main .marketing-phase p{
	font-size:95%;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 16px 0px;
	}

#main .marketing-phase .narrow{
	padding-right:100px;
	padding-bottom:0px;
	}

#main .marketing-phase .company-name{
	color:#FF0000;
	}

/*マーケティング戦略企画 概要
------------------------------------------------*/
#main .marketing-strategy-summary{
	width:98%;
	border:#000000 dotted 1px;
	paddint:10px 0px 10px 0px;
	margin:20px 0px 10px 0px;
	}

#main .marketing-strategy-summary h2{
	width:250px;
	border:#000000 solid 1px;
	background-color:#CC9933;
	font-size:120%;
	text-align:center;
	padding:5px 0px 5px 0px;
	margin:-15px 0px 0px 30%;
	}

* html #main .marketing-strategy-summary h2{	/*IE6対策*/
	margin-top:0px;
	}

#main .marketing-strategy-summary ul{
	list-style-type:disc;
	padding:0px 0px 10px 15px;
	}

#main .marketing-strategy-summary p{
	font-size:100%;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:8px 0px 8px 10px;
	}

#main .marketing-strategy-summary li{
	font-size:90%;
	font-weight:bold;
	text-align:left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	}


/*マーケティング戦略企画 詳細
------------------------------------------------*/
#main .marketing-strategy-detail{
	clear:both;
	width:100%;
	}

/*マーケティング戦略企画 画像
------------------------------------------------*/
#main .marketing-strategy-img{
	float:left;
	width:52%;
	border:#02456C dotted 2px;
	paddint:10px 0px 10px 0px;
	margin:20px 0px 10px 0px;
	}

#main .marketing-strategy-img h2{
	width:180px;
	background-color:#02456C;
	color:#FFFFFF;
	font-size:80%;
	text-align:center;
	padding:5px 0px 5px 0px;
	margin:-15px 0px 10px 23%;
	}

* html #main .marketing-strategy-img h2{	/*IE6対策*/
	margin-top:0px;
	}


/*マーケティング戦略企画 説明
------------------------------------------------*/
#main .marketing-strategy-explain{
	float:left;
	width:42%;
	padding:20px 0px 0px 0px;
	}

#main .marketing-strategy-each-explain{
	clear:both;
	width:100%;
	background-color:#E9EADD;
	font-size:75%;
	text-align:left;
	border-left:#02456C 10px solid;
	margin:0px 0px 5px 1%;
	padding:2px 1% 2px 1%;
	}

#main .marketing-strategy-each-explain ul{
	list-style-type:disc;
	padding:0px 0px 0px 0px;
	}

#main .marketing-strategy-each-explain p{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}

#main .marketing-strategy-each-explain li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 13px;
	}


/*SP企画書
------------------------------------------------*/
#main .sp-kikakusho{
	clear:both;
	}

/*SP企画書　要約
------------------------------------------------*/
#main .sp-kikakusho-summary{
	width:98%;
	border-left:#02456C 10px solid;
	padding:0px 0px 0px 0px;
	margin:10px 0px 10px 0px;
	}

#main .sp-kikakusho-summary .box{
	width:93%;
	min-height:20px;
	background-color:#E9EADD;
	color:#000000;
	text-align:left;
	margin:0px 0px 0px 1%;
	padding:8px 1% 8px 3%;
	}

#main .sp-kikakusho-summary ul{
	list-style-type:disc;
	}

#main .sp-kikakusho-summary p{
	width:95%;
	width:100%;
	font-size:80%;
	text-align:left;
	margin:0px 0px 0px -15px;
	}

#main .sp-kikakusho-summary li{
	font-size:80%;
	text-align:left;
	padding:0px 0px 0px 0%;
	}


/*ビジネス戦略画像
------------------------------------------------*/
#main .business-strategy-img{
	float:left;
	width:46%;
	}

/*ＳＰ企画書画像
------------------------------------------------*/
#main .sp-kikakusho-img{
	float:left;
	width:51%;
	border:#02456C dotted 2px;
	padding:0px 0px 10px 1%;
	margin:20px 0px 10px 0px;
	}

#main .sp-kikakusho-img h2{
	width:180px;
	background-color:#02456C;
	color:#FFFFFF;
	font-size:80%;
	text-align:center;
	padding:5px 0px 5px 0px;
	margin:-15px 0px 10px 23%;
	}

* html #main .sp-kikakusho-img h2{	/*IE6対策*/
	margin-top:0px;
	}