@charset "UTF-8";
/* CSS Document */

/*再定義*/
*{
	margin:0;
	padding:0;
	font-size:100%;
	line-height:1.4;
	scrollbar-arrow-color:#999999;
	scrollbar-base-color:#999999;
	scrollbar-face-color:#DDD;
	scrollbar-highlight-color:#FFF;
	scrollbar-shadow-color:#EEE;
}

*{
	line-height:1.4;
}
body{
	font-size:90%;
}
*{
	line-height:1.3;
}
body{
	font-size:100%;
	
}
/*画像*/
img{
	border:none;
}

/*fit*/
.fix{
	margin:0 auto;
}
.clear{
	clear:both;
}
.center{
	text-align:center;
}


/*ライン*/
.line{
	clear:both;
	height:30px;
	background:url(../images/line.gif) left center repeat-x;
}


h2{
	font-size:120%;
}


/*color*/
.attention{
	font-size:70%;
	color:#C00;
}
.green{
	font-weight:bold;
	color:#7FC31C;
}
.red{
	font-weight:bold;
	color:#C00;
}
.orenge{
	color:#FC0;
}



/*テーブル*/
#tableArea{
	width:630px;
	background:#F5F5F5;
}
#tableArea ol{
	padding:0 0 0 20px;
}
#tableArea dl{
	padding:10px 0;
}
#tableArea dt{
	float:left;
	width:145px;
	padding:5px 5px 5px 20px;
	background:url(../images/arrow.gif) left center no-repeat;
}
#tableArea dd{
	float:right;
	width:435px;
	padding:5px 5px 5px 20px;
}
#tableArea dd.line{
	float:none;
	width:100%;
	height:20px;
	padding:0;
	background:url(../images/line.gif) left center repeat-x;
	border-left:none;
}
#tableArea dd.aenquete{
	float:none;
	width:620px;
	padding:10px 0 10px 10px;
	background:#FFF;
	border-left:none;
	border-bottom:dashed 1px #7FC31C;
	font-size:120%;
	font-weight:bold;
	color:#7FC31C;
}
#tableArea dd.submit{
	float:none;
	width:620px;
	padding:5px 0 5px 10px;
	background:url(../images/kakunin.gif) right center no-repeat;
	border-left:none;
}
#tableArea input{
	padding:0 4px 4px;
	margin-right:10px;
	border:inset 1px #CCC;
}
#tableArea dd.radioBtn input{
	padding:0 4px 4px;
	margin-right:10px;
	margin-left:10px;
	border:none;
}
#tableArea dd.radioBtn input.in{
	padding:0 4px 4px;
	margin-right:10px;
	margin-left:10px;
	border:solid 1px #CCC;
}
#tableArea .boxLine{
	padding:0 4px 4px;
	margin-right:10px;
	border:inset 1px #CCC;
}
#tableArea input.btn{
	padding:5px;
	margin:5px;
	background:#7FC31C;
	border:outset 3px #7FC31C;
	color:#FFF;
}


.geotrust{
	margin-top:10px;
	width:120px;
	margin:10px auto;
	text-align:left;
	color:#FFF;
}


/*******************************************************************/
/*グローバル*/
/*******************************************************************/
/*リンク*/
a{
	text-decoration:underline;
}
a:hover{
	color:#F90;
	text-decoration:underline;
}
a:visited{
	color:#800080;
	text-decoration:underline;
}

/*ライン*/
hr{
	color:#CCC;
	height:1px;
	margin:20px 0;
}

/*******************************************************************/
/*レイアウト*/
/*******************************************************************/
body{
	margin:0 auto;
	text-align:center;
	background:url(../images/header_back.gif) repeat-x #F5F5F5;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#404040;
}
#wrapper{
	position:relative;
	width:830px;
	margin:0 auto;
}
#container{
	width:820px;
	margin:0 auto;
	padding:0 5px;
	text-align:left;
	background:url(../images/back.jpg) center top repeat-y;
}


/*******************************************************************/
/*ヘッダー*/
/*******************************************************************/
#headerArea{
	width:820px;
	height:48px;
	margin:0 auto;
	padding-top:4px;
}
#headerArea h1 a{
	float:left;
	display:block;
	height:26px;
	padding:16px 0 0 216px;
	background:url(../images/logo.gif) left top no-repeat;
	font-weight:normal;
	color:#404040;
}
#headerArea .globalBanner a{
	display:block;
	height:46px;
	background:url(../images/globalbanner.gif) right top no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}
#menuArea ul{
	clear:both;
	padding:0 1px 0 0;
}
#menuArea li{
	float:left;
	list-style:none;
}
#menuArea .about a,#menuArea .check a,#menuArea .faq a,#menuArea .flow a,#menuArea .price a,#menuArea .counseling a,#menuArea .search a{
	display:inline;
	display:block;
	width:117px;
	height:32px;
	background-position:bottom;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}
#menuArea .about a{background-image:url(../images/menu_about.gif)}
#menuArea .check a{background-image:url(../images/menu_check.gif)}
#menuArea .faq a{background-image:url(../images/menu_faq.gif)}
#menuArea .flow a{background-image:url(../images/menu_flow.gif)}
#menuArea .price a{background-image:url(../images/menu_price.gif)}
#menuArea .counseling a{background-image:url(../images/menu_counseling.gif)}
#menuArea .search a{background-image:url(../images/menu_search.gif)}

#menuArea .about a:hover{background-image:url(../images/menu_about_f2.gif)}
#menuArea .check a:hover{background-image:url(../images/menu_check_f2.gif)}
#menuArea .faq a:hover{background-image:url(../images/menu_faq_f2.gif)}
#menuArea .flow a:hover{background-image:url(../images/menu_flow_f2.gif)}
#menuArea .price a:hover{background-image:url(../images/menu_price_f2.gif)}
#menuArea .counseling a:hover{background-image:url(../images/menu_counseling_f2.gif)}
#menuArea .search a:hover{background-image:url(../images/menu_search_f2.gif); clear:right;}

#menuArea .aboutSelect a,#menuArea .checkSelect a,#menuArea .faqSelect a,#menuArea .flowSelect a,#menuArea .priceSelect a,#menuArea .counselingSelect a,#menuArea .searchSelect a{
	display:inline;
	display:block;
	width:117px;
	height:32px;
	background-position:bottom;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow: hidden;
}
#menuArea .aboutSelect a{background-image:url(../images/menu_about_f2.gif)}
#menuArea .checkSelect a{background-image:url(../images/menu_check_f2.gif)}
#menuArea .faqSelect a{background-image:url(../images/menu_faq_f2.gif)}
#menuArea .flowSelect a{background-image:url(../images/menu_flow_f2.gif)}
#menuArea .priceSelect a{background-image:url(../images/menu_price_f2.gif)}
#menuArea .counselingSelect a{background-image:url(../images/menu_counseling_f2.gif)}
#menuArea .searchSelect a{background-image:url(../images/menu_search_f2.gif)}

#menuArea .panArea{
	clear:both;
	height:30px;
	padding:10px 0 0 150px;
	background:url(../images/pan.gif) left top no-repeat;
}
#menuArea p{
	height:30px;
	overflow:hidden;
}
#menuArea .next a{
	float:right;
	padding-left:50px;
	background:url(../images/pan_next.gif) left center no-repeat #FC0;	
}

/*******************************************************************/
/*コンテンツ*/
/*******************************************************************/
#contentsArea{
	clear:both;
	width:100%;
	background:url(../images/side_menu.gif) left top repeat-y;
}
#sideArea{
	float:left;
	width:136px;
	text-align:center;
}
#sideArea p{
	padding:10px 0;
}
#sideArea ol{
	margin:0 5px;
	padding:14px 0 0;
	text-align:left;
	background:url(../images/faq_left_top.jpg) left top no-repeat;
}
#sideArea ol li{
	background:url(../images/faq_left_inner.jpg) left top repeat-y;
	list-style:none;
}
#sideArea .joint{
	height:30px;
	background:url(../images/faq_left_joint.jpg) left top no-repeat;
}
#sideArea .bottom{
	height:30px;
	background:url(../images/faq_left_bottom.jpg) left top no-repeat;
}
#sideArea li a{
	display:block;
	width:116px;
	padding:0 2px 0 8px;
	color:#FFF;
}
#sideArea li a:hover{
	color:#FC0;
}
#mainArea{
	float:right;
	width:630px;
	margin:8px;
	padding:20px 10px;
}
#mainArea p{
	padding:10px 0;
}
#mainArea .next a{
	float:right;
	margin-top:30px;
	padding:18px 0 0 96px;
	background:url(../images/next.gif) left top no-repeat;
	
}
#mainArea .prev a{
	float:left;
	margin-top:30px;
	padding:18px 96px 0 0;
	background:url(../images/prev.gif) right top no-repeat;	
}








/*フォーム関連ページ*/
#inquiryArea h2,#entryArea h2{
	margin-top:20px;
	padding:2px 5px;
	border:dashed 1px #7FC31C;
	font-size:120%;
	color:#7FC31C;
}
#entryArea ol{
	padding:0 0 0 30px;
}
#entryArea p.more{
	padding:5px 5px 5px 20px;
}


/*その他*/
#site h2{
	padding:5px 0;
	border-bottom:dashed 1px #CCC;
}
#site ol{
	padding:5px 30px 30px;
}
	






/*******************************************************************/
/*フッター*/
/*******************************************************************/
#footerMenu{
	clear:both;
	height:22px;
	padding:5px;
	background:#EEF7DE;
	border-top:solid 1px #7FC31C;
}
#footerMenu li{
	float:left;
	padding:0 5px;
	list-style:none;
}
#footerMenu li a{
	clear:both;
	padding:0 0 0 10px;
	background:url(../images/point.gif) left center no-repeat;
}

#copyArea{
	clear:both;
	height:82px;
	padding-left:10px;
	background:#7FC31C;
	color:#FFF;
}
#copyArea p{
	padding:10px 0;
	color:#4E4A49;
}
#copyArea a{
	float:right;
	display:block;
	width:120px;
	height:36px;
	background:url(../images/pagetop.gif) left center no-repeat;
	text-indent:-9999px;
}


/*******************************************************************/
/*文字サイズ変更*/
/*******************************************************************/
#fontSetting{
	position:absolute;
	top:55px;
	left:835px;
	width:30px;
	padding-top:60px;
	background:url(../images/fontset.gif) center top no-repeat #FFF;
	border:solid 1px #999;
}
#fontSetting li{
	list-style:none;	
}








textarea,input,select {
		font-family : "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}



/*ランディング*/

#campaignArea img {
	margin: 0.4em 0;
}
#campaignArea img.non {
	margin: 0;
}
#campaignArea p {
	margin:0;
	padding:0;
}
#invisalignArea .bottom a {
	margin:0;
	padding: 10px 30px 0 0;
	text-decoration: none;
	display: block;
	background-image: url(../images/campaign/dentalman_btn.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 31px;
}
#campaignArea h2 {
	height:118px;
	background:url(../images/campaign/campaign.jpg) center top no-repeat;
	text-indent:-9999px;
}

#free {
	margin: 1em 0;
	text-align:center;
}
#btn {
	margin: 1em 0;
	padding: 0 0 20px 0;
	text-align:center;
}

#invisalignArea {
	margin: 1em auto;
	width:530px;
 	background:url(../images/campaign/waku_bk.gif) repeat-y;
}
#invisalignAreaCont {
	background:url(../images/campaign/invisalign_bk_images.jpg) top right no-repeat;
}
#invisalignArea h3 {
	height:24px;
	background:url(../images/campaign/waku_head.gif) top no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 0 0 10px;
}
#invisalignArea h4 {
	height:72px;
	background:url(../images/campaign/invisalign.gif) center top no-repeat;
	text-indent:-9999px;
}
#invisalignArea p.setumei {
	width:419px;
	margin: 0 auto;
	padding: 0;
	font-weight: bold;
	color: #0066CC;
}

#invisalignArea .bottom {
	height:3em;
	background-image: url(../images/campaign/waku_bottom.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 0 0.7em;
}



#exArea {
	margin: 1em auto;
	width:530px;
 	background:url(../images/campaign/waku_bk.gif) repeat-y;
}
#exAreaCont {
	background:url(../images/campaign/ex_bk_images.jpg) top right no-repeat;
}
#exArea h3 {
	height:38px;
	background:url(../images/campaign/waku_head3.gif) top no-repeat;
	text-indent:-9999px;;
}
#exArea h4 {
	height:115px;
	background:url(../images/campaign/tit_ex.gif) center top no-repeat;
	text-indent:-9999px;
}
#ex {
	width:451px;
	margin: 1em auto;
}
#ex img {
	margin: 0;
	padding: 0;
}
#exArea .bottom {
	height:2em;
	background-image: url(../images/campaign/waku_bottom.gif);
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 0.7em;
}




#tieupArea {
	margin: 1em auto;
	width:530px;
 	background:url(../images/campaign/waku_bk.gif) repeat-y;
}
#tieupArea h3 {
	height:24px;
	background:url(../images/campaign/waku_head2.gif) top no-repeat;
	font-size: 12px;
	color: #FFFFFF;
	padding: 5px 0 0 10px;
}
#tieupArea h4 {
	height:40px;
	background:url(../images/campaign/tit_staff.gif) center top no-repeat;
	text-indent:-9999px;
}
#tieupArea .bottom {
	
	background-image: url(../images/campaign/waku_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 0.7em;
	background-color: #8ECB16;
}

#tieupArea .bottom h5 {
	color: #0066CC;
	background-color: #FFFFFF;
	padding: 0.2em 0.5em 0 0.5em;
	background-image: url(../images/campaign/tit_bg.gif);
	background-repeat: repeat-y;
}

#tieupArea .bottom ul {
	color: #FFFFFF;
	margin: 0.3em 0.5em 0 0.5em;
	padding: 0 0 0 0;
	list-style-type: none;	
}

#tieupArea .bottom li {
	color: #FFFFFF;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 2.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFF00;
	background:url(../images/campaign/dentalman_btn.gif) left top no-repeat;
}
#tieupArea .bottom a {
	text-decoration: none;
}


#btn2 {
	margin: 1em 0;
	padding: 0 0 20px 0;
	text-align:center;
}



.right {
	text-align:right;
	padding: 0 10px 0 0;
}

.blue {
	color: #0066CC;
}


/*ランディングキャンペーンフォーム*/
#camArea h2{
	height:180px;
	text-indent:-9999px;
	background-image: url(../images/campaign/campaign_st.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
#camArea h3{
	margin-top:20px;
	padding:8px 5px;
	border:dashed 1px #7FC31C;
	font-size:120%;
	color:#7FC31C;	
}