@charset "UTF-8";
/* ホーム用CSS */
#common { width:700px; padding:15px 0 15px 0;}
	#common h2 { width:714px; border:3px solid #D1EDF5; padding:0 0 0 0; margin:0; font-size:16px; line-height:32px; background-color:#A2DBEC; background:url(../img/gra2.gif) repeat-x bottom; color:#333;}
		#common h2 span { display:block; width:670px; padding:0 0 0 44px; background:url(../img/pt-w.gif) no-repeat; background-position:9px 5px;}

.about {width:700px; padding:15px 10px 0 10px;}
	.about-left { width:455px; padding:15px 0 0 10px; float:left;}
		.about-left p { font-size:14px; line-height:18px; padding:14px; margin:0; color:#666;}
	.about-right { width:215px; padding:15px 15px 0 0; float:right;}
		.about-right p { font-size:12px; line-height:14px; padding:10px 0; margin:0; color:#666;}

.feature { width:700px; padding:15px 10px 0 10px; }
	.feature h3 { font-size:20px; margin:0; padding:16px; font-weight:normal; color:#46B8D9; }
		.feature h3 span { border-bottom:2px dashed #CCC;vertical-align:bottom;}
	.feature h4 { font-size:18px; line-height:24px; padding:0 16px; margin:0; color:#FF7F00; font-weight:normal; vertical-align:middle;}
		.feature h4 span {font-size:12px; color:#666;}
			.feature-note { padding:0 8px; line-height:18px; border:solid #FF7F00 1px; background:#FEDFB3;}
	.feature p { font-size:14px; line-height:18px; padding:4px 24px 24px 16px; margin:0; color:#666;}

.flow {width:700px; padding:15px 10px 0 10px; }
	.flow p { font-size:14px; line-height:18px; padding:4px 16px 24px 16px; margin:0; color:#666;}
	#flow-setting {width:683px; background: url(../img/flow-setting-bg.gif) repeat-y center; margin-left:10px;}
		#flow-setting h3 { margin:0; padding:0;}
		#flow-setting table {background: url(../img/flow-setting-end.gif) no-repeat bottom; width:683px;}
		#flow-setting td { padding:10px;font-size:14px; line-height:20px; vertical-align:top;}
			#flow-setting td strong {color:#46B8D9;}

.howto {width:700px; padding:15px 10px 0 10px; }
	.howto-top {}
		.howto-top th {font-size:14px; line-height:24px; padding:4px 0 16px 16px; margin:0; color:#666; text-align:left; font-weight:normal;}
		.howto-top td {font-size:14px; line-height:18px; padding:4px 0 4px 0; margin:0; color:#666; text-align:center;}
	.howto-inner {}
		.howto-inner h3{ margin:0; padding:16px; font-weight:normal; color:#46B8D9; }
			.howto-inner h3 span {font-size:20px; border-bottom:2px dashed #CCC;vertical-align:bottom;}
		.howto-inner p { font-size:14px; line-height:18px; padding:4px 16px 4px 16px; margin:0; color:#666;}
		.howto-inner td {font-size:14px; line-height:18px; color:#666; text-align:left; vertical-align: top; padding:20px 40px;}
			.howto-inner td img { border:1px solid #CCC; margin:4px 0;}
			.howto-inner td .orange { font-size:16px;}
	.howto-pdf { font-size:14px; vertical-align: middle; text-align:left; padding:0 40px; color:#FF7F00;}
		.howto-pdf img { padding:0 16px; vertical-align:middle;}

.price {width:700px; padding:15px 10px 0 10px;}
	.price h3{ margin:0; padding:16px; font-weight:normal; font-size:14px; color:#666;vertical-align:bottom;}
		.price h3 span {font-size:20px; border-bottom:2px dashed #CCC; color:#46B8D9; }
		.price h3 strong { background:#FEDFB3; padding:0 8px;}
	.price p { font-size:14px; line-height:18px; padding:4px 16px 4px 16px; margin:0; color:#666;}
	.price-inner { width:640px; padding:0 30px 15px 30px; color:#666;}
		.price-inner table { border:1px solid #46B8D9;width:640px; clear:both;}
			.price-inner th { font-size:14px; line-height:18px; padding:8px 0 8px 36px; text-align:left; background:url(../img/pt-o.gif) no-repeat; background-position:9px 9px; width:320px;}
			.price-inner td { font-size:14px; line-height:18px; padding:8px 0; vertical-align:top;}
				.price-inner .orange { text-align:right; width:120px; font-weight:bold;}
				.price-inner .f10 { padding-left:4em;}

.faq {width:670px; padding:15px 25px 0 25px;}
	.faq h3 {width:654px; font-size:14px; line-height:28px; padding:0 0 0 16px; margin:36px 0 0 0; background:url(../img/faq-h3.jpg) no-repeat; }
	.faq p { padding:16px 0 0 0; color:#666;font-size:12px; line-height:18px;text-align:center;}
	.faq th {font-size:14px; line-height:22px; padding:8px 0 4px 16px; text-align:left; vertical-align:top;}
	.faq td {font-size:14px; line-height:22px; padding:4px 0 16px 16px; text-align:left; vertical-align:top;}
.faq-navi { width:680px;padding:15px 20px 0 20px;text-align:center;}
	.faq-navi table { margin:0 auto; width:680px;}
		.faq-navi td { text-align:center; font-size:12px; line-height:46px;}
	.faq-navi a { display:block; width:130px; margin:0 auto; height:46px; border:1px solid #CCC; white-space:nowrap; text-decoration:none; color:#333; background:none;}
		.faq-navi a:hover { background:#CDEBF3;}
		.faq-navi strong a { background:#CDEBF3;}

#voice-intro {width:720px; margin:0; padding:0; text-align:center;}
#voice-navi { width:610px; margin:0; padding:60px 0 20px 70px; font-size:12px; line-height:1.5em; background:url(../img/voice-navi.gif) no-repeat; background-position:10px 10px;}
	#voice-navi a { padding:0 8px; white-space:nowrap; color:#9999CC; text-decoration:none;}
	#voice-navi a:hover { color:#FF9900; text-decoration:underline;}
.voice {width:690px; border-top:2px dashed #CDEBF3; margin-left:15px; padding:15px 0;}
.voice table {width:690px; }
	.voice-cat { width:146px; text-align:right; color:#669900; vertical-align:top; font-size:16px; text-align:right;font-weight:normal;}
	.voice-img { width:144px; text-align:center;  vertical-align:top;}
		.voice-img img {padding:1px; border:1px solid #CCC;}
	.voice-art { width:400px; font-size:12px; line-height:1.5em;}
		.voice-art h3 { margin:0; padding:0; color:#46B8D9; font-size:16px; font-weight:normal;}
			.voice-art h3 span { font-size:12px; display:block;}
		.voice-art h4 { margin:0; padding:12px 0 0 0; color:#FD870E; font-size:16px; font-weight:normal;}
		.voice-art p { margin:0; padding:4px 0 0 0 ; color:#333; font-size:12px; }
			.voice-art p span {color:#46B8D9;}
			.voice-art p a { display: block; padding:16px 0 0 0; font-size:14px; color:#9966CC; text-decoration:none;}
			.voice-art p a:hover { text-decoration: underline;}
	.voice-pagenavi {width:690px; border-top:2px dashed #CDEBF3; margin-left:15px; padding:15px 0;}
	.voice-pagenavi p { margin:0; padding:0; text-align:right; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
		.voice-pagenavi p a { padding:0 4px; color:#666; text-decoration:none;}
		.voice-pagenavi p a:hover { color:#FD870E; text-decoration: underline;}
		.voice-pagenavi p strong {color:#FD870E; padding:0 4px; }

.staff {width:630px; padding:15px 45px 0 45px;}
	.staff td { vertical-align:top;}
	.staff-intro { font-size:14px; line-height:18px; padding:4px 0 4px 0; margin:0; color:#666;}
	.staff-list { width:315px; padding:0 0 8px 0; background:url(../img/staff-list-bg.gif) no-repeat; background-position:bottom left; }
	.staff-list-inner { width:280px; padding:36px 10px 0 10px; background:url(../img/staff-list-top.gif) no-repeat; background-position: left top;}
		.staff-list table {width:280px;}
		.staff-list th { width:110px; text-align:left; padding:0 0; vertical-align:top;}
		.staff-list td { text-align:left; line-height:1em;padding:0 0; vertical-align:top;}
		.staff-list td p { margin:0; padding:0 0; font-size:10px;}
		.staff-list a { background-repeat:no-repeat; padding:0 0 0 20px; background-position:left;}
			.icon-fb { background-image:url(../img/icon-fb.jpg);}
			.icon-tw { background-image:url(../img/icon-tw.jpg);}
			.icon-am { background-image:url(../img/icon-am.jpg);}
		.slee { width:256px; padding:0 30px 0 14px;}
	.sll { width:630px; padding:15px 0; text-align:center}
	.sll table { margin:0 auto; }
		.sll th { width:96px; text-align:right; padding:4px 4px; vertical-align:top;}
		.sll td { text-align:left; padding:4px 4px;line-height:1em;vertical-align:top;}
		.sll td p { margin:0; padding:2px 0; font-size:10px;}

.ch-voice-intro {width:720px; margin:0; padding:0 0 10px 0 ; text-align:center;}
.ch-voice-title {width:720px; margin:0; padding:0; text-align:center;}
.ch-voice {width:690px; border-top:2px dashed #CDEBF3; margin-left:15px; padding:15px 0;}
.ch-voice table {width:690px; }
	.ch-voice-img { width:184px; text-align:center; vertical-align:top; padding:0 0 0 15px; font-size:10px; }
		.ch-voice-img img {padding:1px; border:1px solid #CCC;}
	.ch-voice-art { width:460px; font-size:12px; line-height:1.5em; padding:0 0 0 20px;}
		.ch-voice-art h3 { margin:0; padding:0; color:#46B8D9; font-size:16px; font-weight:normal;}
			.ch-voice-art h3 span { font-size:12px; display:block;}
		.ch-voice-art h4 { margin:0; padding:12px 0 0 0; color:#FD870E; font-size:16px; font-weight:normal;}
		.ch-voice-art p { margin:0; padding:4px 0 0 0 ; color:#333; font-size:12px; }
			.ch-voice-art p span {color:#46B8D9;}
			.ch-voice-art p a { display: block; padding:16px 0 0 0; font-size:14px; color:#9966CC; text-decoration:none;}
			.ch-voice-art p a:hover { text-decoration: underline;}


.setup-intro {width:670px; padding:15px 25px 0 25px;}
	.setup-intro p { margin:0; padding:8px 0; font-size:16px; line-height:20px; color:#666;}
.setup {width:670px; padding:15px 25px 25px 25px; }
	.setup p { margin:0; padding:4px 0; color:#666;}
	.setup table { background:url(../img/setup-th-bg.gif) repeat-y;}
	.setup th { font-size:14px; width:170px; font-weight:normal; text-align:center;vertical-align:top;background:url(../img/setup-th-end.gif) no-repeat bottom; height:auto;}
	.setup td { padding:4px 0 16px 20px; vertical-align:top;}
		.setup1-1 { border:4px solid #92D6E7; background:#DFF3F9; width:440px; padding:4px 16px;margin:8px 0; color:#000000;}
		.setup1-2 { border:1px dashed #CCC; width:446px; padding:4px 16px; margin:8px 0;}
		.setup2-1 { border:1px solid #333; width:446px; padding:4px 16px; margin:8px 0; background:#FFFFE5;}
		.setup td table { background:none; border-collapse:collapse;}
		.setup td th {padding:16px 0; width:auto; text-align:left; background: none;border-bottom:2px dashed #999;}
		.setup td td { padding:16px 8px; width:auto; text-align:left; background: none; font-size:12px; color:#666; border-bottom:2px dashed #999;}
	.setupred { color:#FF0000;}

.contact {width:680px; padding:15px 20px 0 20px;}
	.contact h3 { font-size:18px; line-height:24px; padding:16px 0 0 0; margin:0; color:#46B8D9; font-weight:normal; }
	.contact p { padding:8px 0 8px 0; margin:0; color:#666; font-size:14px; line-height:18px;text-align:left;}
	.contact form { margin:0; padding:12px 0 0 0; display:block;}
		.contact table { padding:0; margin:0 0 16px 0; border-collapse:collapse; border:1px solid #CCC; width:680px;}
			.contact th { padding:4px 8px; font-size:12px; line-height:18px; text-align:left; font-weight:normal; white-space:nowrap; vertical-align:top; width:180px;border:1px solid #CCC;}
			.contact td { padding:4px 8px; font-size:12px; line-height:18px; text-align:left;vertical-align:top;border:1px solid #CCC;}
				.contact-form { width:280px;}
		#btn-contact { display:block; padding:12px; text-align:center; font-size:12px;}
			#btn-contact input { padding:0; margin:0 0 12px 0; width:220px; height:36px; overflow:hidden; text-align:center; background:url(../img/btn-contact1.gif) no-repeat; border:none; cursor:pointer; font-size:16px;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-weight:bold; color:#666;}
				#btn-contact input:hover {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
			#btn-contact a { color:#666; text-decoration:none;}
				#btn-contact a:hover { color:#FF6600; text-decoration:underline;}

.order-navi { width:720px; text-align:center; padding:20px 0; border-bottom:2px dashed #46B8D9;}
	.order-navi table { margin:0 auto; width:680px; background:url(../img/order-navi.gif) no-repeat top; }
	.order-navi td { width:170px; overflow:hidden;}
.order-intro { padding:12px 20px; width:680px;}
	.order-intro p { font-size:16px; line-height:20px; padding:4px 0; margin:0; color:#333;}

.order1 { padding:12px 0; width:720px;}
	.order1 h3 { padding:8px 0 8px 0; margin:0; color:#333;}
	.order1 p { font-size:14px; line-height:18px; padding:8px 20px; margin:0; color:#333;}
	.order1 ul { padding:0 40px 4px 20px; margin:0 0 0 40px; color:#333;}
	.order1 li { font-size:12px; line-height:16px; padding:4px 0; color:#333;}

.order { padding:0 20px 20px 20px;width:680px;}
	.order p { padding:8px 0 8px 0; margin:0; color:#333; font-size:14px; line-height:18px;text-align:left;}
	.order table { width:678px; border:1px solid #CCC; border-collapse:collapse; margin-bottom:16px;}
	.order thead th { text-align:left; border-bottom:1px solid #CCC;background:#FEEBD1; font-size:14px; line-height:28px; font-weight:bold; padding:0 8px; }
		.order thead th img { vertical-align:middle;}
	.order thead td { text-align:right; border-bottom:1px solid #CCC;background:#FEEBD1; font-size:12px; line-height:28px; font-weight:bold; padding:0 8px; width:180px;}
		.order thead td input { color:#333; text-decoration:none; font-size:10px;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
	.order tbody th { text-align:left;border:1px solid #CCC; background:#F3F3F3; font-size:12px; line-height:28px; font-weight:normal; padding:4px 8px; width:140px;vertical-align:top;}
	.order tbody td { text-align:left; border-bottom:1px solid #CCC;font-size:12px; line-height:28px; font-weight:normal; padding:4px 8px;vertical-align:top;}
	.order .wfull { width:300px;}
	.order .whalf { width:150px;}
	.order .wshort { width:75px;}

.order-terms {padding:0 0 20px 0; width:720px; text-align:center; background:#EEE;}
	.order-terms p { font-size:10px; line-height:20px; padding:0 20px; margin:0; color:#666; text-align:right;}
	.order-terms iframe {width:680px; height:180px; margin:0 auto;}

.btn-order { display:block; padding:12px; text-align:center; font-size:12px;}
	.btn-order-btn table { margin:0 auto; width:678px;}
		.btn-order-btn table td { padding:0 16px; text-align:center;}
	.btn-order input { padding:0; margin:0 0 12px 0; width:220px; height:36px; overflow:hidden; text-align:center; background:url(../img/btn-contact1.gif) no-repeat; border:none; cursor:pointer; font-size:16px;font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-weight:bold; color:#666;}
		.btn-order input:hover {filter: alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
	.btn-order a { color:#666; text-decoration:none;}
		.btn-order a:hover { color:#FF6600; text-decoration:underline;}

.pagetop { font-size:12px; line-height:18px; padding:15px; text-align:right; clear:both;}
	.pagetop a { text-decoration:none; color:#46B8D9;}
	.pagetop a:hover { color:#FF7F00;}
.popup {text-align:right; }
	.popup a {color:#46B8D9; text-decoration:none; }
	.popup a span { display:none; position: absolute;}
		.popup a:hover span { display: inline;}