﻿@charset "utf-8";
/* CSS Document */

/*---------------------------------
		BaseCSS ベースデザインCSS
---------------------------------*/

/* container */
#container {}

div.PageTop { text-align:right;} 
div.PageTop a { text-align:right;} 

#container article { margin:0 0 10px 0;}
#container article h3 {}
#container article section.txtarea { /*font-size:12px;*/}
#container article section.txtarea p { margin:10px;}
#container article section.txtarea h4 { margin:10px;}

#container article section.txtarea ul.nav{ padding:5px;}
#container article section.txtarea ul.nav li{ display:inline; padding:0 5px;}
#container article section.txtarea ul.nav li a{color:#300;}

#container article.type01 { margin:0;}
#container article.type01 h2 { padding:15px 20px 15px 45px; line-height:1.2;}
#container article.type01 h2.type01 { background:url(../img/icon_01.jpg) no-repeat left;}
#container article.type01 h2.type02 { background:url(../img/icon_02.jpg) no-repeat left;}
#container article.type01 h2.type03 { background:url(../img/icon_03.jpg) no-repeat left;}
#container article.type01 h2.type04 { background:url(../img/icon_04.jpg) no-repeat left;}
#container article.type01 h2.type05 { background:url(../img/icon_05.jpg) no-repeat left;}
#container article.type01 h2.type06 { background:url(../img/icon_06.jpg) no-repeat left;}

#container article.type01 section.txtarea {}
#container article.type01 section.txtarea dl { margin:10px;}
#container article.type01 section.txtarea p.attent01 { color:#E63E73;}
#container article.type01 section.txtarea h3 { text-align:center; color:#300;}
#container article.type01 section.txtarea p a{ color:#300;}
#container article.type01 section.txtarea div.taR { padding-right:10px;}

#container article.type02 {}
#container article.type02 h2 {	padding:8px 0 8px 10px; margin:5px auto;	color:#333;	font-size:100%; /*border-bottom:1px solid #1c79c9;*/ background:url(img/h2.jpg) no-repeat left;}
#container article.type02 section.txtarea h3 {	margin:5px 10px;	color:#300;	font-size:120%;}
#container article.type02 section.txtarea { background:#FFF;}
#container article.type02 section.txtarea dl {}


#container article.type03 { margin:0;}
#container article.type03 h2 { padding:5px 0 0 5px; }
#container article.type03 section.txtarea { text-align:center;}

#container article.type03 section.txtarea dl { width:300px; text-align:left; margin:5px auto;}
#container article.type03 section.txtarea dl dt {}
#container article.type03 section.txtarea dl dd { border:1px solid #ccc; font-size:90%; padding:3px;}
#container article.type03 section.txtarea dl dd.arrow{ border:none;}
#container article.type03 section.txtarea div.attent01 { background:#FFC; width:300px; text-align:left; margin:5px auto;}
#container article.type03 section.txtarea div.tel{ margin:5px auto;}

article.last { border-bottom:#cccccc solid 1px;}

article.pagetype01 h2 { position:relative; /*background:url(img/bg02.jpg) bottom repeat-x;*/ color:#333; font-weight:normal; border-top:#cccccc solid 1px;}
article.pagetype01 h2:after { content:url(img/icon/arrow01.png); position:absolute; right:5px; top:35%;}
article.pagetype01 h2.open:after { content:url(img/icon/arrow03.png); position:absolute; right:5px; top:35%;}
article.pagetype01 section.txtarea { display:none; position:relative; padding:10px 0;}

/*反応装置用*/
#container section.res_box { padding:10px 0; text-align:center;}


/*---------------------------------
		PageCSS 個別ページCSS
---------------------------------*/

/*
#page-main05 article.pagetype01 { margin:0;}
#page-main05 article.pagetype01.last {border-bottom:#cccccc solid 1px;}
#page-main05 article.pagetype01 h2 { position:relative; padding:10px; background:url(img/bg02.jpg) bottom repeat-x; color:#300; font-weight:normal; border-top:#cccccc solid 1px;}
#page-main05 article.pagetype01 h2:after { content:url(img/icon/arrow01.png); position:absolute; right:5px; top:25%;}
#page-main05 article.pagetype01 h2.open:after { content:url(img/icon/arrow03.png); position:absolute; right:5px; top:25%;}
#page-main05 article.pagetype01 section.txtarea { display:none; position:relative; padding:10px 0; background:url(img/bg02.jpg) bottom repeat-x; text-shadow:#FFF 2px 2px 0;}
#page-main05 article.pagetype01 section.txtarea span { padding:0 5px; color:#300;}
#page-main05 article.pagetype01 section.txtarea a { padding:5px; color:#300; text-shadow:none;}
*/


/*---------------------------------
	OTJ 追加
---------------------------------*/
.txtarea {
	font-size:13px;
}


.redB	{
	color:#e00000;
	font-weight:bold;
}

.txtRed11{
	color:#e00000;
	font-size:11px;
	font-weight:normal;
}

.txtnormal {
	color:#000;
	font-weight:normal;
}

p.alert	{
	font-size:10px;
	color:#e00000;
}

.pdmenu {
	width:190px;
	font-size:10px;
}

.pdmenu select{
	width:190px;
	font-size:12px;
}

.hissu {
	font-size:10px;
	color:#e00000;
	padding:1px 5px;
}

.example {
	font-size:10px;
}

.formTable {
	font-size:12px;
/*	width:630px; */
	border-collapse:collapse;
	border:solid 1px #ccc;
/*	margin:0 auto 15px; */
	margin:0;
	padding:0;
	text-align:left;
}

.formTable h4 {
	font-size:16px;
	text-align:center;
	font-weight:bold;
}

.formTable th {
/*	width:220px; */
	border:solid 1px #ccc;
	margin:0;
	padding:5px;
	vertical-align:middle;
	font-weight:bold;
	background:#efefef;
	text-align:left;
}
.formTable th p {
	text-align:left;
	float:left;
}
.formTable td {
	border:solid 1px #ccc;
	margin:0;
	padding:5px 10px;
}


.contactBtnSp {
	text-align: center;
	padding:10px;
	
}

.contactBtnSp input {
	height: 34px; 
	padding:0;
	margin: 0;
	vertical-align:middle;
}

.contactBtnSp button {
	height: 34px; 
	padding:0;
	border: none;  
	background:#fff; 
	margin: 0;
	vertical-align:middle;
}

.pageTopSp {
	font-size:10px;
	text-align: right;
	margin:10px;
}

