@charset "utf-8";

@import "import.css";

/*--------------------
*open_index.css
--------------------*/

/*----------------------------------------
目次

1.基本
2.制作実績
2.1制作実績　先生の声
3.Ｑ＆Ａ
4.制作の流れ
5.制作費用一覧
6.会社概要
7.申し込みフォーム
8.サイトマップ
9.イラスト素材
----------------------------------------*/

/*----------------------------------------
基本
----------------------------------------*/
/*--------------------
ページ囲み
--------------------*/

div#area-page {
	width : 930px ;
	margin: 0 auto ;
	padding: 0 15px ;
	text-align : center ;
	background: url("../image/bg_page.gif") repeat-y center top ;
}

/*--------------------
コンテンツ
--------------------*/

#home div#area-contents {
	margin-top: 10px ;
	padding-bottom: 50px ;
	width : 930px ;
}

div#area-contents {
	margin: 0 ;
	padding-bottom: 50px ;
	width : 930px ;
}

/*左側コンテンツ*/
div#area-left {
	float: left ;
	width : 210px ;
}

/*右側コンテンツ*/
/*
div#area-right {
	float: right ;
}
*/

/*中央コンテンツ*/
div#area-main {
	float: right ;
	width : 720px ;
	background: url(../image/bg_mainwrapper.gif) no-repeat 0 0 ;
}

div#main-wrapper {
	width : 705px ;
	margin: 3px 5px 50px 10px ;
	padding: 0 0 20px 0 ;
	text-align: left ;
	background: url(../image/bg_main.gif) repeat 0 0 ;
}



h3 {
	clear: both ;
	width: 670px ;
	margin: 0 auto 10px auto ;
	padding: 10px 0 7px 10px ;
	font-size: 110% ;
	font-weight: bold ;
	text-align: left ;
	color: #ffffff ;
/*
	border-left: solid #00a0e8 7px ;
	border-bottom: dotted #00a0e8 1px ;
*/
	background: url(../image/bg_h3_subtitle.gif) no-repeat 0 0 ;
}

h4 {
	clear: both ;
	width: 640px ;
	margin-left: 15px ;
	padding: 10px 0 7px 30px ;
	font-size: 110% ;
	font-weight: bold ;
	text-align: left ;
	color: #2a77a8 ;
	background: url(../image/h4_point.gif) no-repeat 2px 5px ;
}

#page50 h4 {
	clear: both ;
	width: 620px ;
	margin: 15px auto 0 auto ;
	padding: 7px 0 5px 30px ;
	font-size: 110% ;
	font-weight: bold ;
	text-align: left ;
	color: #ffffff ;
	background: url(../page50/image/h4_point.gif) #2ca7de no-repeat 3px 3px ;
}



/*パンくずリスト*/
div#breadcrumb-list {
	display: block;
	margin: 9px 10px 5px 10px ;
	font-size: 77% ;
	text-align :left ;
}

div#breadcrumb-list p {
	margin: 0 ;
	padding: 0 ;
	line-height: 1.0 ;
	color: #05A2E9 ;
}

div#breadcrumb-list a:link ,
div#breadcrumb-list a:visited {
	color: #05A2E9 ;
}

div#breadcrumb-list a:hover {
	color: #05A2E9 ;
	text-decoration: underline;
	background: none ;
}



/*ページ下部　ＴＥＬ*/
div#tel-sign {
	width: 705px ;
	height: 185px ;
	background: url("../image/bg_tel_sign.gif") no-repeat center top ;
}

div#tel-sign div#l-btn {
	padding-top: 90px ;
	padding-left: 90px ;
}
div#tel-sign div#rl-btn {
	padding-top: 90px ;
}

div#tel-sign a {
	float: left ;
	display: block ;
	overflow: hidden ;
	position: relative;
	width: 260px ;
	height: 80px ;
}

#tel-sign a:hover img {
	position: relative;
	top: -80px;
}

div#tel-sign a#btn1:hover {
	background: url("../image/tel_sign_btn1.gif") no-repeat 0 0 ;
}
div#tel-sign a#btn2:hover {
	background: url("../image/tel_sign_btn2.gif") no-repeat 0 0 ;
}



/*サイドバナー*/
div#result-banner ,
div#sozai-banner ,
div#tool-banner ,
div#bn-banner ,
div#bn-banner-tg ,
div#comnet-banner ,
div#hanet-banner {
	width: 200px ;
	margin: 0 auto ;
}

div#bn-banner a ,
div#bn-banner-tg a ,
div#hanet-banner a {
	display: block ;
	overflow: hidden ;
	position: relative;
	width: 200px ;
	height: 100px ;
}
div#result-banner a ,
div#sozai-banner a ,
div#tool-banner a ,
div#comnet-banner a {
	display: block ;
	overflow: hidden ;
	position: relative;
	width: 200px ;
	height: 133px ;
}

div#bn-banner a:hover img ,
div#bn-banner-tg a:hover img ,
div#hanet-banner a:hover img {
	position: relative;
	top: -100px;
}
div#result-banner a:hover img ,
div#sozai-banner a:hover img ,
div#tool-banner a:hover img ,
div#comnet-banner a:hover img {
	position: relative;
	top: -133px;
}

div#result-banner a:hover {
	background: url("../image/result_banner_on.jpg") no-repeat 0 0 ;
}
div#sozai-banner a:hover {
	background: url("../image/sozai_banner_on.jpg") no-repeat 0 0 ;
}
div#tool-banner a:hover {
	background: url("../image/tool_banner_on.jpg") no-repeat 0 0 ;
}
div#bn-banner a:hover {
	background: url("../image/bn_banner_on.jpg") no-repeat 0 0 ;
}

div#bn-banner-tg a:hover {
	background: url("../image/bn_banner_tg_on.jpg") no-repeat 0 0 ;
}
div#comnet-banner a:hover {
	background: url("../image/comnet_banner_on.jpg") no-repeat 0 0 ;
}
div#hanet-banner a:hover {
	background: url("../image/hanet_banner_on.jpg") no-repeat 0 0 ;
}



/*--------------------
画像　ボックス
--------------------*/

p.caption {
	padding: 3px 0 0 0 ;
	color: #8e6723 ;
	font-size: 90% ;
	text-align: center ;
}



/* 医院画像表示　サンプル */
div.img-box {
	clear: both ; ;
	text-align: center ;
}



/* リード文 */
p.lead-text {
	clear: both ;
	margin: 5px 10px ;
	padding: 5px 0 2px 5px ;
	font-weight: bold ;
	font-size: 110% ;
	color: #258be2 ;
	border-bottom: dotted #258be2 2px ;
}

div.text-box {
	margin: 0 auto ;
	width: 650px ;
	border: solid #333333 5px ;
	background: url("../image/bg_box1.gif") repeat 0 0 ;
}



/*----------------------------------------
制作実績
----------------------------------------*/
div.result-box {
	width: 670px ;
	margin: 0 auto ;
	margin-bottom: 40px ;
	font-size: 90% ;
}

dl.result-thumbnail {
	float: left ;
	width: 335px ;
}

dl.result-thumbnail dt {
	float: left ;
	width: 166px ;
	margin-right: 10px ;
}

dl.result-thumbnail dt a img {
	border: solid #cccccc 3px ;
}
dl.result-thumbnail dt a:hover img {
	border: solid #00a0e8 3px ;
}

dl.result-thumbnail dd {
	float: left ;
	width: 153px ;
	margin: 0 ;
	padding: 5px 0 0 0 ;
}
dl.result-thumbnail dd.comment {
	width: 305px ;
	margin: 10px 10px 5px 0 ;
	padding: 5px 10px 5px 10px ;
	line-height: 1.3 ;
	background-color: #ffffff ;
}



dl.result-thumbnail dd .title1 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 10px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title1.gif") no-repeat 0 0 ;
}
dl.result-thumbnail dd .title2 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 10px ;
	line-height: 1.3 ;
	color: #666666 ;
	background: url("../page50/image/result-title2.gif") no-repeat 0 0 ;
}

dl.result-thumbnail dd .title3 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 10px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title3.gif") no-repeat 0 0 ;
}

dl.result-thumbnail dd .title4 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 10px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title4.gif") no-repeat 0 0 ;
}

dl.result-thumbnail dd .title9 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 10px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title9.gif") no-repeat 0 0 ;
}

/*詳細ボタンページ*/

div.shousai-btn {
	margin-left: 10px ;
	width: 115px ;
}

div.shousai-btn a {
	display: block ;
	overflow: hidden ;
	position: relative;
}
div.shousai-btn a:hover img {
	position: relative;
	top: -27px;
}
div.shousai-btn a:hover {
	background: url("../page50/image/shousai_btn_on.gif") no-repeat 0 0 ;
}



/*----------------------------------------
制作実績　先生の声
----------------------------------------*/
div.voice-box {
	width: 670px ;
	margin: 0 auto ;
	margin-bottom: 40px ;
	font-size: 120% ;
}

dl.voice-thumbnail {
	width: 670px ;
}

dl.voice-thumbnail dt {
	float: left ;
	width: 200px ;
	margin-left: 15px ;
}

dl.voice-thumbnail dt a img {
	border: solid #cccccc 3px ;
}
dl.voice-thumbnail dt a:hover img {
	border: solid #00a0e8 3px ;
}

dl.voice-thumbnail dd {
	float: right ;
	width: 424px ;
	margin: 0 ;
	padding: 5px 0 0 25px ;
}

dl.voice-thumbnail dd .title1 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 15px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title1.gif") no-repeat 0 0 ;
}
dl.voice-thumbnail dd .title2 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 15px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title2.gif") no-repeat 0 0 ;
}

dl.voice-thumbnail dd .title3 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 15px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title3.gif") no-repeat 0 0 ;
}

dl.voice-thumbnail dd .title9 {
	display:block;
	padding-top: 25px ;
	padding-bottom: 15px ;
	line-height: 1.3 ;
	background: url("../page50/image/result-title9.gif") no-repeat 0 0 ;
}

div#comment-box {
	width: 670px ;
	margin: 0 auto ;
	padding: 10px ;
	line-height: 1.3 ;
	background-color: #f6f1e3 ;
}



/*----------------------------------------
Ｑ＆Ａ
----------------------------------------*/

h4.bg_q {
	clear: both ;
	width: 650px ;
	margin-left: 10px ;
	padding: 10px 0 7px 30px ;
	font-size: 110% ;
	font-weight: bold ;
	text-align: left ;
	color: #2a77a8 ;
	border-bottom: solid #6AC6EF 3px ;
	background: url(../image/bg_q.gif) no-repeat 2px 5px ;
}
p.bg_a {
	margin-left: 10px ;
	padding: 10px 1em 7px 30px ;
	text-align: left ;
	background: url(../image/bg_a.gif) no-repeat 2px 8px ;
}



/*----------------------------------------
制作の流れ
----------------------------------------*/

#page20 h3.flow-title {
	width: 690px ;
	margin: 5px auto 0 auto ;
	padding: 0 ;
	background: none ;
}

p.flow-text {
	margin-left: 28px ;
	padding: 0 1em 40px 35px ;
	background: url(../page20/image/flow_arrow.gif) repeat-y left bottom ;
}
p.flow-text-end {
	margin-left: 28px ;
	padding: 0 1em 20px 35px ;
	background: none ;
}



/*----------------------------------------
制作費用一覧
----------------------------------------*/
#page25 h3.none {
	clear: both ;
	width: 705px ;
	padding: 0 ;
	background: none ;
}

table.price-list {
	width: 660px ;
	margin-left: auto ;
	margin-right: auto ;
	text-align: left ;
	font-size: 100% ;
	line-height: 1.3 ;
	border: solid #00a0e8 4px ;
	border-collapse: collapse ;
}

table.price-list th {
	width: 220px ;
	padding: 5px 10px ;
	color: #ffffff ;
	text-align: left ;
	font-weight: bold ;
	border: solid 1px #00a0e8 ;
	background: url("../image/bg_th.gif") repeat 0 0 ;
}

table.price-list td {
	padding: 5px 10px ;
	border: solid 1px #00a0e8 ;
	background-color: #ffffff ;
}



/*----------------------------------------
会社概要
----------------------------------------*/

table.company {
	width: 670px ;
	margin: 0 auto ;
	text-align: left ;
	font-size: 90% ;
	line-height: 1.3 ;
}

table.company th {
	width: 200px ;
	padding: 5px 10px ;

	text-align: left ;
	border: solid 1px #00a0e8 ;
	background-color: #ecf9ff ;
}

table.company td {
	width: 430px ;
	padding: 5px 10px ;
	border: solid 1px #00a0e8 ;
	background-color: #ffffff ;
}

#map-img {
	width: 420px ;
	margin: 0 auto ;
}

div#map_canvas {
	width: 430px ;
	height: 300px ;
}



/*----------------------------------------
申し込みフォーム
----------------------------------------*/

div#lead-box {
	width: 590px ;
	margin: 0 auto 10px auto ;
	padding: 15px ;
	border: solid #333333 5px ;
	background: url("../image/bg_box1.gif") repeat 0 0 ;
}

div#lead-box ul {
	margin-left: 15px ;
}
div#lead-box ul li {
	line-height: 1.5 ;
	font-size: 90% ;
	list-style: disc ;
}

table#form-box {
	width: 640px ;
	margin: 0 auto ;
/*
	border-collapse: collapse ;
	border: solid #159dd7 5px ;
	background: url("../image/bg_box1.gif") repeat 0 0 ;
	background-color: #ffffff ;
*/
}

table p {
	margin: 0 ;
	padding: 0 0.5em 0.5em 0.5em ;
	text-align: left ;
}

td {
	margin: 0 ;
	padding: 0.5em ;
	vertical-align: middle ;
	line-height: 1.5 ;
/*
	border: solid #159dd7 1px ;
*/
}

td.text1 {
	width: 230px ;
	padding-top: 1em ;
	padding-left: 1em ;
	color: #454545 ;
	text-align: left ;
/*
	background-color: #ecf9ff ;
*/
}
td.text2 {
	text-align: left ;
}
td.text3 {
	font-size: 90% ;
	text-align: left ;
}



.type1 {
	padding: 0.3em ;
	border: solid #159dd7 1px ;
}

table#button {
	width: 630px ;
	margin: 15px auto 5px auto ;
	padding: 0 ;
	text-align: center ;
}



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

ul#sitemap {
	width: 670px ;
	margin: 0 auto ;
	text-align: left ;
	font-size: 90% ;
}

ul#sitemap li {
	float: left ;
	width: 323px ;
	margin: 5px ;

	text-align: left ;
	border: solid 1px #00a0e8 ;
	background-color: #ffffff ;
}

ul#sitemap li a {
	width: 303px ;
	height: 40px ;
	padding: 20px 10px 0 10px ;
	display: block ;
}



/*----------------------------------------
イラスト素材
----------------------------------------*/

div.illust-box-top {
	width: 670px ;
	margin: 0 auto ;
	padding: 0 ;
	font-size: 90% ;
}
div.illust-box {
	width: 670px ;
	margin: 0 auto 40px auto ;
	padding: 0 ;
	font-size: 90% ;
}

div.illust-box p {
	margin: 0 ;
	padding: 0.4em 1.5em 0.4em 0.5em ;
	line-height: 1.7 ;
	text-align : left ;
}

div.illust-thumbnail {
	float: left ;
	width: 122px ;
	min-height: 170px ;
	margin: 5px ;
	padding-bottom: 12px ;
	text-align: center ;
	border: solid #aaaaaa 1px ;
	background-color: #ffffff ;
}

div.illust-thumbnail .name {
	display: block ;
	padding: 7px 5px 20px 5px ;
	color: #0a91cd ;
}

div.illust-thumbnail a ,
div.illust-thumbnail2 a {
	vertical-align: bottom ;
}

/*規約ボタン*/

div.kiyaku-btn {
	width: 140px ;
	padding: 5px 0 0 10px ;
}

div.kiyaku-btn a {
	display: block ;
	overflow: hidden ;
	position: relative;
}
div.kiyaku-btn a:hover img {
	position: relative;
	top: -27px;
}
div.kiyaku-btn a:hover {
	background: url("../other05/image/kiyaku_btn_on.gif") no-repeat 0 0 ;
}

#other05 h3.kiyaku-title {
	width: 690px ;
	margin: 0 auto ;
	padding-top: 30px ;
	color: #ffffff ;
	background: none ;
}



/*バナー説明表*/
table.link-banner {
	width: 655px ;
	margin: 0 auto ;
	text-align: left ;
	font-size: 90% ;
	line-height: 1.3 ;
}

table.link-banner th {
	width: 200px ;
	padding: 5px 10px ;

	text-align: left ;
	border: solid 1px #00a0e8 ;
	background-color: #ecf9ff ;
}

table.link-banner td {
	width: 430px ;
	padding: 5px 10px ;
	border: solid 1px #00a0e8 ;
	background-color: #ffffff ;
}



/*----------------------------------------
バナー制作
----------------------------------------*/

#other10 h3.banner-title {
	width: 690px ;
	margin: 0 auto ;
	padding-top: 10px ;
	color: #ffffff ;
	background: none ;
}

div.banner-box {
	margin: 0 auto ;
	width: 660px ;
}

div.banner-box .bn1 {
	float: left ;
	margin-bottom: 10px ;
	width: 165px ;
}
div.banner-box #bn2 {
	clear: both ;
	margin-bottom: 10px ;
	width: 660px ;
}
div.banner-box #bn3 {
	clear: both ;
	margin-bottom: 30px ;
	width: 660px ;
}
div.banner-box #bn4 {
	float: left ;
	margin-bottom: 10px ;
	width: 100px ;
}
div.banner-box #bn5 {
	float: left ;
	margin-bottom: 10px ;
	width: 130px ;
}
div.banner-box .bn6 {
	float: left ;
	width: 210px ;
}
div.banner-box .bn6 a:hover {
	background: none ;
}



/*費用ボタン*/
div.banner-btn {
	width: 140px ;
	padding: 5px 0 0 10px ;
}

div.banner-btn a {
	display: block ;
	overflow: hidden ;
	position: relative;
}
div.banner-btn a:hover img {
	position: relative;
	top: -27px;
}
div.banner-btn a:hover {
	background: url("../image/cost_btn_on.gif") no-repeat 0 0 ;
}