@charset "utf-8";


/* DICが選ばれる理由
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_strong_point {
	font-size: 14px;
}

div.page_strong_point div.article { /* width=630px */
}

div.page_strong_point h3 {
	margin: 0 0 15px;
}

div.page_strong_point div.left {
	width: 380px;
	margin: 0 0 20px;
}

div.page_strong_point div.right {
	width: 230px;
	margin: 0 0 20px;
}

div.page_strong_point p.catch {
	padding: 1em 0;
	font-size: 18px;
	color: #166c92;
}




/* 納品までの流れ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_flow {
	font-size: 14px;
}

div.page_flow div.article { /* width=630px */
}

div.page_flow h3 {
	margin: 0 0 15px;
}

div.page_flow div.description {
	width: 400px;
	float: left;
}

div.page_flow div.image {
	width: 210px;
	float: right;
	text-align: center;
}

div.page_flow div#flow_1,
div.page_flow div#flow_2,
div.page_flow div#flow_3,
div.page_flow div#flow_4,
div.page_flow div#flow_5,
div.page_flow div#flow_6,
div.page_flow div#flow_7,
div.page_flow div#flow_8,
div.page_flow div#flow_9,
div.page_flow div#flow_10 {
	margin: 0 0 20px !important;
	padding: 0 0 50px !important;
	background: url(../images/flow/arrow.jpg) center bottom no-repeat; 
}




/* 外注先を探している制作会社様へ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_outsourcing {
	font-size: 14px;
}

div.page_outsourcing div.article { /* width=630px */
}

div.page_outsourcing div.paragraph {
	padding: 15px 0;
}

div.page_outsourcing div#example_1 div.left {
	width: 380px;
	margin: 0 0 20px;
}

div.page_outsourcing div#example_1 div.right {
	width: 240px;
	margin: 0 0 20px;
}

/* 会話
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_outsourcing div#example_1 {
	padding: 1em 0 0;
}

div.page_outsourcing div#example_1 dl.chat {
	margin: 1.5em 0;
	padding: 0;
}

div.page_outsourcing div#example_1 dl.chat dt {
	width: 4em;
	margin: 0;
	padding: 0;
	font-weight: bold;
	text-align: right;
}

div.page_outsourcing div#example_1 dl.chat dd {
	margin: -1.5em 0 0;
	padding: 0 0 0 5em;
}




/* よくある質問と答え
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_faq {
	font-size: 14px;
}

div.page_faq div.article { /* width=630px */
}

div.page_faq div.qa_list {
	margin: 0 0 10px;
	padding: 20px 0;
	border-bottom: dotted 1px #ccc;
}

div.page_faq div.question {
	padding: 0 0 1em 60px;
	font-size: 108.3%;
	font-weight: bold;
	background: url(../images/faq/icon_q.jpg) no-repeat;
}

div.page_faq div.answer {
	padding: 0 0 0 60px;
	background: url(../images/faq/icon_a.jpg) no-repeat;
}




/* 人材募集
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_job div.article { /* width=630px */
}




/* 会社案内
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_company {
	font-size: 14px;
}

div.page_company div.article { /* width=630px */
	margin: 0 0 40px;
}

div#yahoo_map iframe {
}




/* 打ち合わせ等で出張可能な地域
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_area div.article { /* width=630px */
}

div.page_area h3 {
	margin: 0 0 15px;
}

div.page_area div#tag_list h3 {
	margin: 0;
}

div.page_area p.message {
	font-size: 116.6%;
}

div.page_area p.message strong {
	padding: 0 0.25em 0 0;
	color: #176a96;
}

/* タグクラウド
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_area ul.tag_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.page_area ul.tag_list li {
	margin: 0;
	padding: 0;
	padding: 0 0.25em;
	display: inline;
	color: #176a96;
	font-weight: bold;
	line-height: 1.8;
}

div.page_area ul.tag_list li a {
	color: #176a96;
}

div.page_area ul.tag_list li a:hover {
	color: #f60;
}

/* ホームページ作成例／WEBシステム作成例
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_area div#index_works_1 div.frame_2 {
	padding: 0 10px !important;
}

div.page_area div#index_works_1 div.article {
	padding: 0;
}

div.page_area div#index_works_1 ul.works_list {
	width: 694px;
	margin: 0;
	padding: 0;
	margin: 0 0 0 -14px;
	list-style: none;
	overflow: hidden;
}

div.page_area div#index_works_1 ul.works_list li {
	width: 155px;
	margin: 0;
	padding: 10px 0;
	margin: 0 0 0 12px;
	float: left;
	text-align: center;
}

div.page_area div#index_works_1 a:hover {
	opacity: 0.6;
}




/* お問い合せ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_mail div.article { /* width=630px */
}




/* リンク集
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_link div.article { /* width=630px */
	margin: 0 0 40px;
}

div.page_link h3 {
	margin: 0;
}

div.page_link div.left {
	width: 48%;
}

div.page_link div.right {
	width: 48%;
}

div.page_link ul.link_list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

div.page_link ul.link_list li {
	margin: 0;
	padding: 0.75em 0 0.75em 1em;
	border-bottom: dotted 1px #ccc;
}




/* プライバシーポリシー
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_privacy div.article { /* width=630px */
	padding: 20px 0;
}




/* サイトマップ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_sitemap div.article { /* width=630px */
	margin: 0 0 30px;
}

div.page_sitemap h3 {
	margin: 0;
}

div.page_sitemap div.left {
	width: 48%;
}

div.page_sitemap div.right {
	width: 48%;
}

div.page_sitemap ul.sitemap_list {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

div.page_sitemap ul.sitemap_list li {
	margin: -1px 0 0;
	padding: 0.75em 0 0.75em 1em;
	border-top: dotted 1px #ccc;
}

div.page_sitemap ul.sitemap_list li ul {
}

div.page_sitemap ul.sitemap_list li ul li {
	margin: 1em 0 1em 1em;
	padding: 0;
	border-top: none;
}




/* 免責事項
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
div.page_agreement div.article { /* width=630px */
}




/* ホームページ制作
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* トップページ
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_web_design_index {
	font-size: 14px;
}

div.page_web_design_index div.article { /* width=630px */
}

div.page_web_design_index div.article p.catch {
	padding: 1em 0;
	font-size: 18px;
	color: #166c92;
}

div.page_web_design_index div.article span.catch {
	font-size: 18px;
	color: #f63;
	font-weight: bold;
}

/* SEO対策
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_web_design_seo {
	font-size: 14px;
}

div.page_web_design_seo div.article { /* width=630px */
}

div.page_web_design_seo table#seo_jisseki {
	border: solid 1px #ccc;
}

div.page_web_design_seo table#seo_jisseki th {
	border: solid 1px #fff;
	border-bottom: dotted 1px #ccc;
	background: #F2F2F2;
}

div.page_web_design_seo table#seo_jisseki td {
	padding: 6px 3px;
	border-bottom: dotted 1px #ccc;
}

div.page_web_design_seo table#seo_jisseki td.no_line {
	border-bottom: none;
}

div.page_web_design_seo table#seo_jisseki td.rank {
	width: 60px;
	color: #f30;
	font-weight: bold;
}

div.page_web_design_seo table#seo_jisseki td.site_name {
	padding-left: 10px;
	line-height: 1.3;
}

div.page_web_design_seo table#seo_jisseki td.site_name a {
	color: #333;
	text-decoration: none;
}

div.page_web_design_seo table#seo_jisseki td.site_name span {
	color: #008000;
	font-size: 12px;
}

/* 料金について
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_web_design_price {
	font-size: 14px;
}
div.page_web_design_price div.article { /* width=630px */
}

div#web_design_price_message {
	margin: 0 0 40px !important;
	padding: 0 !important;
}




/* スマートフォン専用サイト制作
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* トップページ
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_smartphone_index {
	font-size: 14px;
}
div.page_smartphone_index div.article { /* width=630px */
}

/* 料金
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_smartphone_price {
	font-size: 14px;
}





/* WEBシステム制作
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* トップページ
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_system_original_cgi_index {
	font-size: 14px;
}
div.page_system_original_cgi_index div.article { /* width=630px */
}

div.page_system_original_cgi_index div#greeting div.left {
	width: 380px;
	margin: 0 0 20px;
}

div.page_system_original_cgi_index div#greeting div.right {
	width: 230px;
	margin: 0 0 20px;
}

div.page_system_original_cgi_index div#greeting p.catch {
	padding: 1em 0;
	font-size: 18px;
	color: #166c92;
}

/* 料金について
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_system_original_cgi_price {
	font-size: 14px;
}

div.page_system_original_cgi_price div.article { /* width=630px */
}

/* フリーCGI配布
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_system_free_index div.article { /* width=630px */
	margin: 0 0 40px;
}

div.page_system_free_index div#system_list {
	padding: 1em;
	border: solid 1px #d6d6d6;
}

div.page_system_free_index div#system_list ul {
	margin: 0 0 0 1.5em;
	padding: 0;
}

div.page_system_free_index div#system_list ul li {
	margin: 0;
	padding: 0.25em 0;
}

/* その他
------------------------------------------------------------------------------------------*/
div.page_system_free_00 div.article { /* width=630px */
	margin: 0 0 40px;
}

/* その他 下層ページ
--------------------------------------------------------------------------------*/
div.page_system_free_00_detail div.article { /* width=630px */
	margin: 0 0 40px;
}

div.page_system_free_00_detail h3 {
	margin: 0 0 15px;
	padding: 0 0 0 120px;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	background: url(../images/title/system_free_00.png) no-repeat;
}

div.page_system_free_00_detail h4 {
	margin: 0 0 15px;
	padding: 0 0 2px 20px;
	font-size: 133.3%;
	font-weight: bold;
	border-bottom: solid 1px #d6d6d6;
	background: url(../images/title/bg_2.png) left 2px no-repeat;
}

div.page_system_free_00_detail ul.default {
	margin: 1em 0 1em 2em;
	line-height: 1.8;
}

div.page_system_free_00_detail ul.default li {
	padding: 0.5em 0;
}

div.page_system_free_00_detail ol.default {
	margin: 1em 0 1em 2.5em;
	line-height: 1.8;
}

div.page_system_free_00_detail ol.default li {
	padding: 0.5em 0;
}

div.page_system_free_00_detail table.setup_example {
	border-collapse: collapse;
}

div.page_system_free_00_detail table.setup_example th {
	border: solid 1px #d6d6d6;
}

div.page_system_free_00_detail table.setup_example td {
	border: solid 1px #d6d6d6;
}

/* メールフォーム
------------------------------------------------------------------------------------------*/
div.page_system_free_01 div.article { /* width=630px */
	margin: 0 0 40px;
}

/* メールフォーム 下層ページ
--------------------------------------------------------------------------------*/
div.page_system_free_01_detail div.article { /* width=630px */
	margin: 0 0 40px;
}

div.page_system_free_01_detail h3 {
	margin: 0 0 15px;
	padding: 0 0 0 180px;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	background: url(../images/title/system_free_01.png) no-repeat;
}

div.page_system_free_01_detail h4 {
	margin: 0 0 15px;
	padding: 0 0 2px 20px;
	font-size: 133.3%;
	font-weight: bold;
	border-bottom: solid 1px #d6d6d6;
	background: url(../images/title/bg_2.png) left 2px no-repeat;
}

div.page_system_free_01_detail ul.default {
	margin: 1em 0 1em 2em;
	line-height: 1.8;
}

div.page_system_free_01_detail ul.default li {
	padding: 0.5em 0;
}

div.page_system_free_01_detail ol.default {
	margin: 1em 0 1em 2.5em;
	line-height: 1.8;
}

div.page_system_free_01_detail ol.default li {
	padding: 0.5em 0;
}

div.page_system_free_01_detail table.setup_example {
	border-collapse: collapse;
}

div.page_system_free_01_detail table.setup_example th {
	border: solid 1px #d6d6d6;
}

div.page_system_free_01_detail table.setup_example td {
	border: solid 1px #d6d6d6;
}

/* アクセス制限
------------------------------------------------------------------------------------------*/
div.page_system_free_04 div.article { /* width=630px */
	margin: 0 0 40px;
}

/* アクセス制限 下層ページ
--------------------------------------------------------------------------------*/
div.page_system_free_04_detail div.article { /* width=630px */
	margin: 0 0 40px;
}

div.page_system_free_04_detail h3 {
	margin: 0 0 15px;
	padding: 0 0 0 180px;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	background: url(../images/title/system_free_04.png) no-repeat;
}

div.page_system_free_04_detail h4 {
	margin: 0 0 15px;
	padding: 0 0 2px 20px;
	font-size: 133.3%;
	font-weight: bold;
	border-bottom: solid 1px #d6d6d6;
	background: url(../images/title/bg_2.png) left 2px no-repeat;
}

div.page_system_free_04_detail ul.default {
	margin: 1em 0 1em 2em;
	line-height: 1.8;
}

div.page_system_free_04_detail ul.default li {
	padding: 0.5em 0;
}

div.page_system_free_04_detail ol.default {
	margin: 1em 0 1em 2.5em;
	line-height: 1.8;
}

div.page_system_free_04_detail ol.default li {
	padding: 0.5em 0;
}

div.page_system_free_04_detail table.setup_example {
	border-collapse: collapse;
}

div.page_system_free_04_detail table.setup_example th {
	border: solid 1px #d6d6d6;
}

div.page_system_free_04_detail table.setup_example td {
	border: solid 1px #d6d6d6;
}

/* ショッピング
------------------------------------------------------------------------------------------*/
div.page_system_free_05 div.article { /* width=630px */
	margin: 0 0 40px;
}

/* ショッピング 下層ページ
--------------------------------------------------------------------------------*/
div.page_system_free_05_detail div.article { /* width=630px */
	margin: 0 0 40px;
}

div.page_system_free_05_detail h3 {
	margin: 0 0 15px;
	padding: 0 0 0 180px;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	background: url(../images/title/system_free_05.png) no-repeat;
}

div.page_system_free_05_detail h4 {
	margin: 0 0 15px;
	padding: 0 0 2px 20px;
	font-size: 133.3%;
	font-weight: bold;
	border-bottom: solid 1px #d6d6d6;
	background: url(../images/title/bg_2.png) left 2px no-repeat;
}

div.page_system_free_05_detail ul.default {
	margin: 1em 0 1em 2em;
	line-height: 1.8;
}

div.page_system_free_05_detail ul.default li {
	padding: 0.5em 0;
}

div.page_system_free_05_detail ol.default {
	margin: 1em 0 1em 2.5em;
	line-height: 1.8;
}

div.page_system_free_05_detail ol.default li {
	padding: 0.5em 0;
}

div.page_system_free_05_detail table.setup_example {
	border-collapse: collapse;
}

div.page_system_free_05_detail table.setup_example th {
	border: solid 1px #d6d6d6;
}

div.page_system_free_05_detail table.setup_example td {
	border: solid 1px #d6d6d6;
}

/* データベース・予約システム
------------------------------------------------------------------------------------------*/
div.page_system_free_06  div.article { /* width=630px */
	margin: 0 0 40px;
}

/* データベース・予約システム 下層ページ
--------------------------------------------------------------------------------*/
div.page_system_free_06_detail div.article { /* width=630px */
	margin: 0 0 40px;
}

div.page_system_free_06_detail h3 {
	margin: 0 0 15px;
	padding: 0 0 0 310px;
	font-size: 150%;
	color: #fff;
	font-weight: bold;
	line-height: 50px;
	background: url(../images/title/system_free_06.png) no-repeat;
}

div.page_system_free_06_detail h4 {
	margin: 0 0 15px;
	padding: 0 0 2px 20px;
	font-size: 133.3%;
	font-weight: bold;
	border-bottom: solid 1px #d6d6d6;
	background: url(../images/title/bg_2.png) left 2px no-repeat;
}

div.page_system_free_06_detail ul.default {
	margin: 1em 0 1em 2em;
	line-height: 1.8;
}

div.page_system_free_06_detail ul.default li {
	padding: 0.5em 0;
}

div.page_system_free_06_detail ol.default {
	margin: 1em 0 1em 2.5em;
	line-height: 1.8;
}

div.page_system_free_06_detail ol.default li {
	padding: 0.5em 0;
}

div.page_system_free_06_detail table.setup_example {
	border-collapse: collapse;
}

div.page_system_free_06_detail table.setup_example th {
	border: solid 1px #d6d6d6;
}

div.page_system_free_06_detail table.setup_example td {
	border: solid 1px #d6d6d6;
}

/* CGI利用事業者用CGI
------------------------------------------------------------------------------------------*/
div.page_system_free_99 div.article { /* width=630px */
	margin: 0 0 40px;
}

/* 利用規約
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_system_free_rules div.article { /* width=630px */
}

div.page_system_free_rules div#page_navi {
	margin: 0 0 70px !important;
}

div.page_system_free_rules div.box {
	padding: 20px 0;
}

div.page_system_free_rules div.pagetop {
	margin: 15px 0 0;
	text-align: right;
}

/* シェアウェアCGI販売
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_system_free_share div.article { /* width=630px */
}

/* ASPサービス
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_system_asp_index {
	font-size: 14px;
}

div.page_system_asp_index div.article { /* width=630px */
}

div.page_system_asp_index div.box {
	padding: 20px 0;
}




/* 作成例
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* リスト ギャラリー形式
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_example_list div.frame_2 { /* width=650px */
	padding: 0 11px !important;
}

div.page_example_list div.article {
	padding: 20px 0 0;
}

div.page_example_list div.example {
	width: 174px;
	margin: 0 0 20px 32px;
	float: left;
}

div.page_example_list div.new {
	height: 1.5em;
	color: #f60;
}

div.page_example_list div.scr {
	height: 127px;
	text-align: center;
}

div.page_example_list div.name {
	padding: 0.5em 0;
	text-align: center;
}

/* リスト リスト形式
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.page_example_list_2 div.article {
	overflow: hidden;
}

div.page_example_list_2 div.example {
	margin: -1px 0 10px;
	padding: 20px 20px 10px;
	border-top: dotted 1px #ddd;
}

div.page_example_list_2 div.example div.left {
	width: 155px;
	margin: 0 20px 0 0;
}

div.page_example_list_2 div.example div.right {
	float: left;
}

div.page_example_list_2 div.name {
	padding: 0.5em 0;
	font-size: 108.3%;
	font-weight: bold;
}

/* 詳細
････････････････････････････････････････････････････････････････････････････････････････････････････*/

/* 戻るボタン */
div.page_example_detail p.back {
	margin: 0;
	padding: 0;
}

/* ボックス */
div.page_example_detail div.article {
	width: 480px;
	margin: 0 auto;
	padding: 30px 0 40px;
}

/* 登録年月日 */
div.page_example_detail p.meta {
}

/* スクリ－ンショット */
div.page_example_detail div.scr {
	text-align: center;
}

/* クライアント　ボックス */
div.page_example_detail div.client {
	padding: 3em 0;
}
div.page_example_detail div.client table {
	margin: 0 auto;
}

/* 地域 */
div.page_example_detail div.client p.area {
	margin: 0 0 0.25em;
	padding: 0;
}

/* クライアント名 */
div.page_example_detail div.client h3 {
	margin: 0 0 1em;
	font-size: 150%;
	font-weight: normal;
}

/* URL */
div.page_example_detail div.client p.url {
	margin: 0;
	padding: 0;
	text-align: center;
}

/* 紹介文 */
div.page_example_detail div.presentation {
	margin: 0 0 3em;
}

/* 項目タイトル */
div.page_example_detail h4 {
	font-size: 116.6%;
	font-weight: bold;
}

/* 使っている技術 */
div.page_example_detail div.skill {
	margin: 0 0 2em;
}

/* 技術アピール */
div.page_example_detail div.appeal {
	margin: 0 0 2em;
}

/* コメント */
div.page_example_detail div.comment {
}




/* 共有
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* フロート
････････････････････････････････････････････････････････････････････････････････････････････････････*/
.left {
	float: left;
}
.right {
	float: right;
}

/* タイトル
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div#main_contents h2 {
	margin-bottom: 1em;
}

.title_bg_1 {
	height: 50px;
	margin: 0 0 1em;
	padding: 0 0 0 35px;
	font-size: 18px;
	color: #fff;
	line-height: 48px;
	background: url(../images/title/bg_1.png) no-repeat;
}

.title_bg_2 {
	margin: 0 0 1em;
/*	font-size: 133.3%;*/
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #d6d6d6;
	background: url(../images/title/bg_2.png) left 2px no-repeat;
}

.title_bg_3 {
	height: 35px;
	margin: 0 0 1em;
	padding: 0 0 0 24px;
/*	font-size: 108.3%;*/
	font-size: 13px;
	line-height: 35px;
	background: url(../images/title/bg_3.jpg) no-repeat;
}

.title_bg_4 {
	margin: 0 0 1em;
	padding-left: 15px;
	padding-bottom: 3px;
/*	font-size: 133.3%;*/
	font-size: 16px;
	color: #166c92;
	font-weight: normal;
	border-bottom: solid 1px #d6d6d6;
	background: url(../images/title/bg_4.png) left 3px no-repeat;
}

.title_bg_5 {
	height: 43px;
	margin: 0 0 1em;
	padding-left: 15px;
	padding-bottom: 3px;
/*	font-size: 133.3%;*/
	font-size: 16px;
	color: #166c92;
	line-height: 1.3;
	font-weight: normal;
	background: url(../images/title/bg_5.png) left 2px no-repeat;
}

/* ボックス
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div#main_contents div.section {
	margin-bottom: 40px;
}

body#layout_low div#main_contents div.frame_2 {
	padding: 21px;
}

/* フレーム
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.frame_1 {
	padding: 4px;
	background: url(../images/common/bg_6.jpg);
}

div.frame_2 {
	background: #fff;
}

/* サイドナビ
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.side_navi {
	width: 240px;
	margin-bottom: 40px;
	padding: 0 0 14px;
	float: right;
	background: url(../images/common/side_frame_1_bottom.png) center bottom no-repeat;
}

div.side_navi div.article {
	padding: 0.5em 1em;
	background: url(../images/common/side_frame_1_body.jpg) repeat-y;
}

div.side_navi div.article ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.side_navi div.article ul li {
	margin: 0;
	padding: 0;
	padding: 0.25em 0 0.25em 25px;
	background: url(../images/common/listmark_5.png) 5px 6px no-repeat;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {
  
  div.side_navi {
    margin: 0 auto 20px;
    float: none;
  }

}

/* ボトムナビ
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div#bottom_navi ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

div#bottom_navi li {
	margin: 0;
	padding: 0 1.5em;
	display: inline;
	line-height: 2.5;
	white-space: nowrap;
	*zoom: 1;
}

/* 一覧へ
････････････････････････････････････････････････････････････････････････････････････････････････････*/
div.button_detail {
	padding: 20px 0 0;
	text-align: right;
}

/* テーブル
････････････････････････････････････････････････････････････････････････････････････････････････････*/
table.default {
	border-collapse: collapse;
}

table.default th {
	padding-left: 1em;
	padding-right: 1em;
	border: solid 1px #d6d6d6;
	background: #f5f5f5;
}

table.default td {
	padding-left: 1em;
	padding-right: 1em;
	border: solid 1px #d6d6d6;
	background: #fff;
}

table.plain {
	border-collapse: collapse;
}

table.plain th {
	border: none;
	white-space: nowrap;
	background: none;
}

table.plain td {
	padding-left: 0;
	padding-right: 0;
	border: none;
	background: none;
}

/* リスト
････････････････････････････････････････････････････････････････････････････････････････････････････*/
ul.default {
	margin: 0 0 0 1.4em;
	padding: 0;
}

ul.default li {
	margin: 0;
	padding: 0.25em 0;
}

ol.default {
	margin: 0 0 0 1.4em;
	padding: 0;
}

ol.default li {
	margin: 0;
	padding: 0.25em 0;
}

dl.default {
	margin: 0;
	padding: 0;
}

dl.default dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

dl.default dd {
	margin: 0;
	padding: 0.1em 0 0.1em 1.4em;
}

/* 画像
････････････････････････････････････････････････････････････････････････････････････････････････････*/
img.border {
	padding: 2px;
	border: solid 1px #ccc;
}

img.left {
	margin: 0 1em 1em 0;
}

img.right {
	margin: 0 0 1em 1em;
}

/* テキスト
････････････････････････････････････････････････････････････････････････････････････････････････････*/
.advice {
	padding-left: 1em; 
	text-indent: -1em;
}

.red {
	color: #f00;
}

.bold {
	font-weight: bold;
}

.align_l {
	text-align: left;
}

.align_c {
	text-align: center;
}

.align_r {
	text-align: right;
}

.font_12 {
	font-size: 100%;
}

.font_14 {
	font-size: 116.6%;
}

.font_16 {
	font-size: 133.3%;
}

.font_18 {
	font-size: 150%;
}

.font_20 {
	font-size: 166.6%;
}