@charset "Shift_JIS";

@import url("common.css");


/* --------------------------------------------------------------------------------------
 下層ページ共通
--------------------------------------------------------------------------------------- */

/* パンくずリスト -------------------- */

ul#topic-path {
	margin-left: 8px;
	padding: 11px 0 7px;
	font-size: 86%;
}

ul#topic-path li {
	display: inline;
	margin-right: 3px;
}

/* --------------------------------------------------------------------------------------
 下層コンテンツ
--------------------------------------------------------------------------------------- */

div#ct-right h2 {
	margin: 2px 0 0 10px;
	padding: 5px 0px 10px 25px;
	font-size: 120%;
	color: #005abe;
	background: url(../img/h2_index.gif) no-repeat;
}


div#ct-right h3 {
	margin: 5px 0 0 14px;
	padding: 0px 0px 10px 28px;
	font-size: 120%;
	color: #005abe;
	background: url(../img/h3_index.gif) no-repeat;
}

div#ct-right h3.faq {
	margin: 5px 0 0 14px;
	padding: 0px 0px 10px 10px;
	font-size: 120%;
	color: #ff751c;
	background: url(../img/h3_faq.gif) no-repeat;
}

/* --------------------------------------------------------------------------------------
 下層コンテンツ--基本Pタグ
--------------------------------------------------------------------------------------- */
div#ct-right p.txt01 {
	margin: 3px 0 15px 15px;
	padding: 0 20px 0 20px;
	width: 580px;
	line-height: 160%;
}

div#ct-right p.txt02 {
	margin: 5px 0 10px 15px;
	padding: 0 20px 0 20px;
	line-height: 160%;
}

div#ct-right p.p-right {
	float: right;
	margin: 5px;
}

div#ct-right p.p-left {
	float: left;
	margin: 0 10px 5px 15px;
}

div#ct-right p.txt03 {
	margin: 5px 0 10px 5px;
	float: left;
	line-height: 160%;
	width: 460px;
}

div#ct-right p.txt04 {
	margin: 5px 0 10px 5px;
	float: left;
	line-height: 160%;
	width: 340px;
}

div#ct-right p.txt05 {
	margin: 5px 0 10px 5px;
	float: left;
	line-height: 160%;
	width: 400px;
}


div#ct-right p.menu03 {
	border-bottom: 1px dotted #005abe ;
	color: #005abe;
	margin: 0 10px 0px 78px;
	padding: 0 20px 2px 0px;
	font-size: 110%;
	width: 480px;
}

div#ct-right p.menu04 {
	color: #005abe;
	margin: 0 10px 0px 0px;
	padding: 5px 20px 2px 0px;
	border-bottom: 1px dotted #005abe ;
	font-size: 115%;
	width: 435px;
	float: left;
}

div#ct-right p.txt02 strong.red {
	color: #FF0000;
}


div#ct-right p.txt01 strong.catch {
	font-weight: normal;
	font-size: 140%;
	line-height: 160%;
}


/* --------------------------------------------------------------------------------------
 サイトマップ
--------------------------------------------------------------------------------------- */

div#ct-right ul.sitemap01 {
	margin: 10px 0 10px 30px;
	float: left;
	line-height: 240%;
	width: 230px;
}

div#ct-right ul.sitemap01 li {
	padding-left: 20px;
	background: url(../img/sqare00.gif) no-repeat 0 60%;
	font-size: 120%;
}

div#ct-right ul.sitemap01 li.arw {
	margin-left: 15px;
	padding-left: 20px;
	background: url(../img/arw00.gif) no-repeat 0 60%;
	font-size: 120%;
}


div#ct-right ul.sitemap02 {
	margin: 10px 40px 10px 5px;
	float: right;
	line-height: 240%;
	width: 240px;
}
div#ct-right ul.sitemap02 li {
	padding-left: 20px;
	background: url(../img/sqare00.gif) no-repeat 0 60%;
	font-size: 120%;
}



/* --------------------------------------------------------------------------------------
 プランタイトル
--------------------------------------------------------------------------------------- */
div#ct-right h3.title {
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 12px;
	background-image: none;
}
	
/* --------------------------------------------------------------------------------------
 3つのプラン
--------------------------------------------------------------------------------------- */
div#ct-right p.threeplan {
	float: left;
	margin: 0 20px 15px 8px;
}

div#ct-right p.threeplan02 {
	float: left;
	margin: 0 20px 15px 0px;
}

/* --------------------------------------------------------------------------------------
 プランのメニュー構成
--------------------------------------------------------------------------------------- */
div#ct-right p.menu {
	text-align: center
}

div#ct-right p.menu02 {
	border-bottom: 1px dotted #005abe;
	color: #005abe;
	margin: 0 10px 0px 10px;
	padding: 0 20px 2px 5px;
	font-size: 110%;
	width: 580px;
}

/* --------------------------------------------------------------------------------------
 プランのリスト構成
--------------------------------------------------------------------------------------- */


/* div#ct-right ul.plan-list {
	margin: 5px 0 10px 30px;
	width: 575px;
}

div#ct-right ul.plan-list li {
	background: url(../img/plan-arw-li.gif) no-repeat 0 20%;
	padding: 0 0 0 18px;
}

div#ct-right ul.plan-list li strong {
	color: #005abe;
	font-weight: bold;
}*/


div#ct-right ul.plan-list02 {
	margin: 5px 0 10px 50px;
	width: 575px;
	line-height: 180%;
}

div#ct-right ul.plan-list02 li {
	background: url(../img/plan-arw-li02.gif) no-repeat 0 60%;
	padding: 0 0 0 18px;
}


div#ct-right ul.plan-list02 li strong {
	color: #005abe;
	font-weight: bold;
}

/* --------------------------------------------------------------------------------------
 プランのリスト構成
--------------------------------------------------------------------------------------- */

div#ct-right dl.plan-list {
	margin: 5px 0 10px 30px;
	width: 575px;
	line-height: 180%;
	font-size: 100%;
}

div#ct-right dl.plan-list dt {
	float: left;
	background: url(../img/plan-arw-li.gif) no-repeat 0 60%;
	padding: 0 0 0 18px;
	width: 130px;
}

div#ct-right dl.plan-list dd {
	float: left;
	width: 410px;
}

div#ct-right dl.plan-list strong {
	color: #005abe;
	font-weight: bold;
}

/*------------------------------------------------------------------------------ */




/* --------------------------------------------------------------------------------------
 制作実績
--------------------------------------------------------------------------------------- */
div#ct-right div.works {
	background: url(../img/worksbg000.jpg) no-repeat;
	margin: 5px 0 15px 16px;
	height: 166px;
	width: 590px;
}

div#ct-right div.works p.works01 {
	font-size: 115%;
	float:left;
	margin: 10px;
}

div#ct-right div.works p.works-txt {
	float:right;
	margin: 10px 30px 0 10px;
	width: 320px;
}

div#ct-right div.works-sub {
	margin: 5px 0 15px 16px;
	width: 590px;
}

div#ct-right p.txt-work {
	margin: 5px 0 10px 5px;
	padding: 0 5px 0 5px;
	font-size: 95%;
	line-height: 160%;
}

div#ct-right p.workspic {
	float: right;
	margin: 5px;
	padding:5px;
	font-size:90%;
	line-height:120%;
	text-align: right;
	background-color: #ddecff;
}


/* --------------------------------------------------------------------------------------
 開設までの流れ
--------------------------------------------------------------------------------------- */

div#ct-right ul.flow {
	margin-left: 15px;
}

div#ct-right ul.flow li.flow01 {
	margin-left: 25px;
	background: url(../img/flowbg001.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}

div#ct-right ul.flow li.flow02 {
	margin-left: 25px;
	background: url(../img/flowbg002.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow03 {
	margin-left: 25px;
	background: url(../img/flowbg003.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow04 {
	margin-left: 25px;
	background: url(../img/flowbg004.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow05 {
	margin-left: 25px;
	background: url(../img/flowbg005.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow06 {
	margin-left: 25px;
	background: url(../img/flowbg006.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow07 {
	margin-left: 25px;
	background: url(../img/flowbg007.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow08 {
	margin-left: 25px;
	background: url(../img/flowbg008.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow09 {
	margin-left: 25px;
	background: url(../img/flowbg009.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow10 {
	margin-left: 25px;
	background: url(../img/flowbg010.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}
div#ct-right ul.flow li.flow11 {
	margin: 0 0 20px 25px;
	background: url(../img/flowbg011.jpg) no-repeat;
	height: 90px;
	padding: 60px 0 0 18px;
}

div#ct-right ul.flow li.arw {
	text-align:center;
}


/* --------------------------------------------------------------------------------------
 よくあるご質問
--------------------------------------------------------------------------------------- */
div#ct-right p.txt-faq {
	margin: 0 0 15px 22px;
	width: 598px;
}

div#ct-right ul.faq-list {
	margin: 3px 0 10px 37px;
}

div#ct-right ul.faq-list span {
	color: #005abe;
}


/* --------------------------------------------------------------------------------------
 お問い合わせボタン(センター配置)
--------------------------------------------------------------------------------------- */


div#ct-right p.btn-contact {
	text-align: center;
	margin: 15px 0 15px 0;
}



/* --------------------------------------------------------------------------------------
 トップイメージ下のボタン
--------------------------------------------------------------------------------------- */
div#ct-right p.recruit01 {
	float: left;
	margin: 6px 0 0 4px;
	}
div#ct-right p.subtitle {
	margin: 5px 0 6px 4px;
	}


/* 左エリア -------------------- */

/* サブナビゲーション */

ul#snavi {
	width: 155px;
	margin: 0 0 5px 5px;
}

ul.snavi_txt {
	width: 145px;
	margin: 0 0 10px 5px;
	padding: 0 10px 0 0;
}

ul.snavi_txt li {
	font-size: 120%;
	margin: 0 0 10px 5px;
	padding: 0 0 3px 25px;
	background: url(../img/ico_plus.gif) no-repeat 0 60%;
	border-bottom: dotted 1px #999999;
}

ul.snavi_bnr {
	width: 151px;
	margin: 0 0 5px 5px;
}

ul.snavi_bnr li {
	font-size: 80%;
	width: 151px;
	margin-bottom: 10px;
}


/* --------------------------------------------------------------------------------------
 プランのボタン
--------------------------------------------------------------------------------------- */
div.plan {
	margin:0;
	width: 634px;
	}

div.plan p {
	float:left;
	margin-left: 4px;
}

div.plan p.plan_right {
	float: left;
	margin: 0 0 8px 4px;
}



/* --------------------------------------------------------------------------------------
 ニュース
--------------------------------------------------------------------------------------- */


div.news {
	margin:0;
	}
	
div.news h3 {
	margin-left:10px;
	padding: 5px 0px 10px 25px;
	font-size: 120%;
	color: #005abe;
	background: url(../img/h2_index.gif) no-repeat;
	}


div.news dl.news_box {
	width: 600px;
	margin-left: 30px;
	padding: 5px 0 24px;
	line-height: 1.8;
}

div.news dl.news_box:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.news dl.news_box { display:inline-block; }
/*\*/
* html div.news dl.news_box { height:1%; }
div.news dl.news_box { display:block; }
/**/

div.news dl.news_box dt {
	float: left;
	width: 105px;
}

/*\*/
div.news dl.news_box dt {
	clear: both;
}
/**/

div.news dl.news_box dd {
	float: left;
	width: 460px;
}

/*\*/
* html div.news dl.news_box dd {
	float: none;
}
/**/

*:first-child + html div.news dl.news_box dd {
	float: none;
}

div.news p.link {
	margin: -10px 10px 0;
	padding-left: 13px;	
	font-size: 90%;
	float: right;
	background: url(../img/ft_arw.gif) no-repeat 0 40%;
}

div.news a:link {
	color: #eb7c02;
	text-decoration: none;
}
div.news a:visited {
	color: #ff0000;
	text-decoration: none;
}
div.news a:hover {
	color: #ffcc40;
	text-decoration: underline;
}


/*  会社概要　表組み
---------------------------------------- */

div#ct-right table.company{
	margin: 0 0 20px 60px;
}


div#ct-right td.company{
	color: #333333;
	text-align: left;
	background-color:#ffffff;
	border: #78afff solid 1px;
	padding: 5px 10px 5px 15px;
	line-height: 180%;
}

div#ct-right th.company{
	color: #333333;
	text-align: left;
	padding: 0 10px 0px 15px;
	background-color:#d7eefe;
	border: #78afff solid 1px;
	font-weight:normal;
}
/* プラネットデザインへのテキストリンク
----------------------------------------*/

div#ct-right span {
	font-size: 95%;
}



/* このサイトについて
----------------------------------------*/

div#ct-right p.right {
	text-align: right;
	margin: 0 20px 25px 0 ;
} 

/*  個人情報
---------------------------------------- */
div#ct-right h3.privacy {
	margin: 0px 10px 5px 10px;
	padding: 0px 0 6px 20px;
	color: #333;
	font-size: 120%;
	border-bottom: 1px dotted #c8c8c8;
}