@charset "utf-8";
/*
Theme Name: スケルトン
Theme URI: http://example.com/
Description: スケルトン
Version: 1.0
Author: gohako.inc
Author URI: http://gohako.jp
*/

/* Reset.css */
@import 'css/reset.css';

#dm{
	padding-top:20px;
}


/* 以下ブログテーマのスタイル */
#second h2 {
  font-weight:normal;
  padding-bottom:32px;
  margin-top:20px;
  border:none;
  font-size: 26px;
  font-weight:normal;
  text-align:center;
  background:url("/common2/img/subttl.png") repeat-x 0 5px;
}
.marker_yellow_futo {
background: linear-gradient(transparent 80%, #FFFF00 80%);
}
.marker_yellow {
color:red;
font-size:32px;
font-weight:bold;
}
#second h2 span {
	background-color:#FFFFFF;
	padding:5px;
	color:#333;
}

#showRangeArea,#showRangeArea2,#showRangeArea3,#showRangeArea4,#showRangeArea5,#showRangeArea6 {
width:20px;
float:left;
font-size:12px;
margin-top:1px;
}
.center {
text-align:center;
}
#navi {
border-bottom:1px solid #BBBBBB;
padding:20px;
background-color:#F7F7F7;
text-align:center;
}
#navi ul {
list-style:none;
text-align:center;
margin-left:30px;
}

#navi ul li {
float:left;
margin-right:30px;
background-color:#000000;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:10px 15px;
font-size:15px;
color:#FFFFFF;
}




#navi a:link {text-decoration:none; color:#FFFFFF;}
#navi a:visited {text-decoration:none; color:#FFFFFF;}
#navi a:hover {text-decoration:none; color:#FFFFFF;}
#navi a:active {text-decoration:none; color:#FFFFFF;}

#yellow a:link {text-decoration:none; color:#FFFF00; font-weight:bold;}
#yellow a:visited {text-decoration:none; color:#FFFF00; font-weight:bold;}
#yellow a:hover {text-decoration:none; color:#FFFF00; font-weight:bold;}
#yellow a:active {text-decoration:none; color:#FFFF00; font-weight:bold;}

body{
	font-size: 14px;
	line-height: 1.75em;
	margin: 0px 0px 0px 0px;
	font-family:Helvetica, Arial,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}

.submitarea ul {
padding:5px 0 10px 120px;
list-style:none;
}

output {
  position: absolute;
  background-image: -moz-linear-gradient(top, #444444, #999999);
  background-image: -o-linear-gradient(top, #444444, #999999);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999));
  background-image: -webkit-linear-gradient(top, #444444, #999999);
  width: 40px;
  height: 30px;
  text-align: center;
  color: white;
  border-radius: 10px;
  display: inline-block;
  font: bold 15px/30px Georgia;
  bottom: 175%;
  left: 0;
  margin-left: -1%;
}
output:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid #999999;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}

#toka2{
	background:#FFFFFF;
	height:1200px;
	padding-top:30px;
margin-bottom:30px;
color:#E60012;
}

#toka2 h2{
	font-size:38px;
	padding-bottom:10px;
	font-weight:normal;
	text-align:center;
	line-height:170%;
}

#toka2 h3{
	font-size:28px;
	padding-bottom:20px;
	font-weight:bold;
	color:#333333;
text-align:center;
}

#toka2 h4{
	font-size:25px;
	padding-bottom:20px;
	font-weight:bold;
color:#000000;
}


#toka2 p{
color:#000000;
padding-top:5px
}


.wasya {
position:relative;
}
.voicemark {
	position:absolute;
top:0;
left:50px;
	}

.voicemark2 {
	position:absolute;
top:0;
left:150px;
	}


div#mainDemoBOX .demo .disnon {
  display: none;
}

div#mainDemoBOX .demo .demoContent {
	display:block;
	clear:both;
	margin:13px 0 0 0;
}
div#mainDemoBOX .demo .demoContent .content_wrap {
	padding:0;
}
div#mainDemoBOX .demo .demoContent .content_wrap h4 {
	position:absolute;
	top:-30px;
	left:10px;
	float:none;
}
div#mainDemoBOX .demo .demoContent .content_wrap p {
	padding:0 2px;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara {
	margin:17px 0 10px 0;
	clear:both;
	display:block;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara span {
	float:left;
	width:89px;
	height:78px;
	margin:0 12px 7px 1px;
	display:block;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara input {
	width:89px;
	height:78px;
	display:block;
}
img.mo {
	cursor:pointer;
	}
div#mainDemoBOX .demo .demoContent .content_wrap span:hover {
	background-position:0 0;	
	}
div#mainDemoBOX .demo .demoContent .content_wrap .cust_radio_on {
	background-position:0 0;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cust_radio_off { 
	background-position:0 78px;
	}
			
div#mainDemoBOX .demo .demoContent .content_wrap #nozomi { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_nozomi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #nozomi2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_nozomi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #sumire { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_sumire.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #nanako { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_nanako.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #akari { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_akari.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #hiroshi { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_hiroshi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #osamu { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_osamu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #anzu { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_anzu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #koutaro { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_koutaro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #maki { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_maki.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #maki2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_maki.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #seiji { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_seiji.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #kaho { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_kaho.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #reina { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_reina.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #taichi { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_taichi.gif);
}	

div#mainDemoBOX .demo .demoContent .content_wrap #reina2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_reina.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #taichi2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_taichi.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #chihiro { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_chihiro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #yuuto { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_yuuto.gif);
}


div#mainDemoBOX .demo .demoContent .content_wrap #englishF { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_ef.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #englishM { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_em.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #chineseF { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_cf.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #chineseM { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_cm.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #koreanF { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_kf.gif);
}


.submitarea ul li {
padding-right:20px;
float:left;
}
.line {
border-right:1px dotted #999999;
}
.btnarea {
display:block;
padding:5px;
}

.btnarea ul {
list-style:none;
}

.btnarea ul li {
padding-bottom:10px;
font-size:9px;
}



/*以下WindowsIEハック：記述順番注意▼▼*/

/*IE8▼*/
html>/**/.btnarea ul li {
padding-bottom:0;
}

/*IE7▼*/
*+html .btnarea ul li {
padding-bottom:0;
}

/*IE6▼*/
.btnarea ul li {
_padding-bottom:0;
}

/*IE9▼*/
.btnarea ul li:not(:target) {
padding-bottom:0¥9;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .btnarea ul li { padding-bottom:0 } /* IE11 */
}

@media all and (-ms-high-contrast:none){
  .btnarea ul li { padding-bottom:0 } /* IE10 */
}

.btnarea .ttl {
width:85px;
float:left;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .btnarea .ttl { margin-top:8px } /* IE11 */
}

@media all and (-ms-high-contrast:none){
  .btnarea .ttl { margin-top:8px } /* IE10 */
}

textarea{
border:5px solid #C80012;
padding:10px;
font-size:13px;
font-family:Arial, sans-serif;
color:#333;
float:left;
margin:10px 20px 0 0;
width:480px;
height:200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, textarea { height:330px} /* IE11 */

#showRangeArea,#showRangeArea2,#showRangeArea3,#showRangeArea4,#showRangeArea5,#showRangeArea6 {
width:20px;
float:left;
font-size:12px;
margin-top:9px;
}
}

@media all and (-ms-high-contrast:none){
  textarea { height:330px } /* IE10 */
#showRangeArea,#showRangeArea2,#showRangeArea3,#showRangeArea4,#showRangeArea5,#showRangeArea6 {
width:20px;
float:left;
font-size:12px;
margin-top:9px;
}
}
.chara {
float:left;
padding-right:20px;
margin-top:20px;
}
.btnarea img {
padding:0 10px;
margin-top:5px;
}
.marker_yellow {
font-weight:bold;
}

.marker_water {
background: linear-gradient(transparent 60%, #66ccff 60%);
}
.marker_red {
background: linear-gradient(transparent 60%, #E6001A 60%);
}


.btnarea .txt {
width:25px;
float:left;
}

@-moz-document url-prefix() {
	textarea { width:460px;}
}



h1 {
font-size:10px;
font-weight:normal;
padding-bottom:20px;
}


.entry{
	text-align:right;
}

.text-center {
	text-align:center;
}

#list {
	padding-bottom:50px;
	font-size:15px;
font-weight:bold;
line-height:180%;
}
#list img {
	display:block;
	padding:50px 0 10px 0;
	text-align:center;
	margin:0 auto;
}

#main-img{
	background-color:#F9E3DB;
	height:400px;
	margin-top:1px;
	padding-top:30px;
}



#main-img h2{
	font-size:21px;
	font-weight:bold;
	padding:35px 0 20px 0;
}
#main-img h3{
	font-size:34px;
	font-weight:normal;
}

#main-img h4{
	padding:10px 0;
}

#main-img p{
	line-height:210%;
	font-size:15px;
}


#main-img2 {
	background:#F3F3F3 url(http://www.ai-j.jp/lp/wp-content/uploads/2015/07/back.png) no-repeat center center;
	height:400px;
	margin-top:1px;
	padding-top:30px;
}



#main-img2 h2{
	font-size:21px;
	color:#C30E22;
	font-weight:normal;
	padding:25px 0 20px 5px;
}
#main-img2 h3{
	font-size:34px;
	font-weight:normal;
	padding:0 0 20px 0;
}

#main-img2 h4{
	padding:10px 0;
}

#entry-btn {
background-color:#E60012;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
padding:15px 30px;
font-size:15px;
margin-top:80px;
color:#FFFFFF;
}

#main-img2 p{
	font-size:20px;
}

#main-img6 {
	background-color:#A90000;
}

#okomari{
	background:#EEEEEE url(/common2/img/okomari.png) no-repeat bottom right;
	height:640px;
	padding-top:60px;
}

#okomari h2{
	font-size:36px;
	padding-bottom:30px;
	font-weight:bold;
}



.red {
color:red;
}

#c-form h2 {
	font-size:36px;
	padding:60px 0 30px 10px;
	font-weight:bold;
}

#c-form p {
	line-height:165%;
padding:10px 0 20px 10px;
}

#okomari h3{
	font-size:19px;
	color:#D73938;
	font-weight:bold;
	padding:15px 0 5px 40px;
	background:url(/common2/img/okoico.png) no-repeat top left;
}

#okomari p{
	font-size:15px;
}

#jirei {
	padding-top:50px;
}
#jirei h2{
	font-size:36px;
	padding-bottom:60px;
	font-weight:bold;
	text-align:center;
}

#jirei img{
	float:left;
	padding-right:10px;
}

#jirei h3{
	font-size:17px;
	font-weight:bold;
	margin:0;
}

.pr10 {
padding-right:20px;
}

.pb30 {
padding-bottom:30px;
}


.p50 {
padding:0 50px;
}

.p10 {
padding:0 20px;
}


#okomari p{
	padding:0 0 10px 40px;
}

#kigyou {
	background:url(/common2/img/logo-back.png) no-repeat top left;
	height:480px;
	margin-top:30px;
}
#kigyou h2 {
	font-size:33px;
	padding-top:26px;
	padding-bottom:20px;
	font-weight:bold;
	text-align:center;
}

#kigyou h3 {
	font-size:17px;
	font-weight:normal;
	text-align:center;
padding-bottom:0;
margin-bottom:0;
}

#features {
	background:#EEEEEE;
	padding:50px 0;
}

#features h2 {
	font-size:36px;
	padding-bottom:60px;
	font-weight:bold;
	text-align:center;
}

#features h3 {
	font-size:25px;
	color:#D73938;
	font-weight:normal;
	padding:15px 0 15px 50px;
	background:url(/common2/img/f-logo.png) no-repeat 0 5px;
}

#features h3 span {
	 background-color:#00BFFF;
color:#FFFFFF;
 padding:2px;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px; 
}

#features p {
	font-size:15px;
	font-weight:normal;
	padding:0 0 30px 50px;
text-align:left;
}

#features2 {
	background:#FFFFFF;
	padding:20px 30px;
}

#features2 ul li {
	list-style:none;
	font-size:16px;
	padding-bottom:6px;
}

#features2 img {
	float:left;
padding-right:30px;
}


#features2 h3 {
	font-size:28px;
	color:#D73938;
	font-weight:normal;
	padding-bottom:15px;
	background:initial;
}

#contact {
	padding:50px 0;
}
#contact h2{
	font-size:28px;
color:#D73938;
	padding-bottom:30px;
	font-weight:bold;
	text-align:center;
}

#contact p{
	font-size:15px;
	padding-bottom:30px;
	text-align:center;
}

#contact2 {
	padding:0;
}
#contact2 h2{
	font-size:30px;
color:#D73938;
	padding-bottom:20px;
	font-weight:bold;
	text-align:center;
}

#contact2 p{
	font-size:15px;
	padding-bottom:30px;
	text-align:center;
}

.mail-form{
	width: 720px;
	border-radius: 10px;
	background-color: #fff;
	padding:30px;
	margin: 30px auto 0px auto;
}

.footer{
	background-color: #EEEEEE;
	color:#000;
	font-size:12px;
	padding:30px 0;
line-height:140%;
}





table{
	width:100%;
}

th{
	width: 40%;
	vertical-align: top;
	font-size: 15px;
	text-align: left;
font-weight:normal;
	border: 1px #AAAAAA solid;
	padding:20px;
	background-color:#EEEEEE;
}

td{
	width: 60%;
	border: 1px #AAAAAA solid;
	padding:20px;
	color:#777777;
}

.att{
	text-align: left;
	margin-bottom: 10px;
}

table span{
	text-align:left;
}
.clearfix:after {
  content: ".";  /* 譁ｰ縺励＞隕∫ｴ繧剃ｽ懊ｋ */
  display: block;  /* 繝悶Ο繝�け繝ｬ繝吶Ν隕∫ｴ縺ｫ */
  clear: both;
  height: 0;
  visibility: hidden;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
Left Styles
-------------------------------------------------------------------------------------------------------------------------------
*/

div#mainDemoBOX {
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	display:block;
	position:relative;
	}

#voice1 {
	position:absolute;
top:0;
left:30px;
	}


#voice2 {
	position:absolute;
top:0;
left:130px;
	}

#voice3 {
	position:absolute;
top:290px;
left:111px;
	}

#voice4 {
	position:absolute;
top:0;
left:230px;
	}
#voice5 {
	position:absolute;
top:0;
left:330px;
	}
	

#voice1-2 {
	position:absolute;
top:215px;
left:30px;
	}


#voice2-2 {
	position:absolute;
top:215px;
left:130px;
	}


#voice4-2 {
	position:absolute;
top:215px;
left:230px;
	}
#voice5-2 {
	position:absolute;
top:215px;
left:330px;
	}	
	
	#voice1-3 {
	position:absolute;
top:3px;
left:30px;
	}


#voice2-3 {
	position:absolute;
top:3px;
left:130px;
	}


#voice4-3 {
	position:absolute;
top:3px;
left:230px;
	}
#voice5-3 {
	position:absolute;
top:3px;
left:330px;
	}

div#mainDemoBOX .demo {
	padding:10px;
	overflow-x: hidden;
	overflow-y: hidden;
	}


.demoTtl {
	margin:0 auto;
	width:100%;
	text-align:center;
}
#tab {

}
#tab ul {
	list-style:none;
	margin-left:160px;
	padding-top:20px;
}

.mr10{
	margin-left:50px;
}

#tab ul li {
  float: left;
font-size:16px;
  background-color:#DDDDDD;
  padding:5px 0;
width:260px;
border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
  cursor: pointer;
  margin-left:20px;
}
#tab li.select,
#tab li:hover {
	background-color:#DD001C;
color:#FFFFFF;
}















div#mainDemoBOX .demo .disnon {
  display: none;
}

div#mainDemoBOX .demo .demoContent {
	display:block;
	clear:both;
	margin:13px 0 0 0;
}
div#mainDemoBOX .demo .demoContent .content_wrap {
	padding:0;
}
div#mainDemoBOX .demo .demoContent .content_wrap h4 {
	position:absolute;
	top:-30px;
	left:10px;
	float:none;
}
div#mainDemoBOX .demo .demoContent .content_wrap p {
	padding:0 2px;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara {
	margin:17px 0 10px 0;
	clear:both;
	display:block;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara span {
	float:left;
	width:89px;
	height:78px;
	margin:0 12px 7px 1px;
	display:block;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara input {
	width:89px;
	height:78px;
	display:block;
}
img.mo {
	cursor:pointer;
	}
div#mainDemoBOX .demo .demoContent .content_wrap span:hover {
	background-position:0 0;	
	}
div#mainDemoBOX .demo .demoContent .content_wrap .cust_radio_on {
	background-position:0 0;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cust_radio_off { 
	background-position:0 78px;
	}
			
div#mainDemoBOX .demo .demoContent .content_wrap #nozomi { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_nozomi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #nozomi2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_nozomi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #sumire { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_sumire.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #nanako { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_nanako.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #akari { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_akari.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #hiroshi { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_hiroshi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #osamu { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_osamu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #anzu { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_anzu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #koutaro { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_koutaro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #maki { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_maki.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #maki2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_maki.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #seiji { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_seiji.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #kaho { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_kaho.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #reina { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_reina.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #taichi { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_taichi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #reina2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_reina.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #taichi2 { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_taichi.gif);
}		
div#mainDemoBOX .demo .demoContent .content_wrap #chihiro { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_chihiro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #yuuto { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_yuuto.gif);
}


div#mainDemoBOX .demo .demoContent .content_wrap #englishF { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_ef.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #englishM { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_em.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #chineseF { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_cf.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #chineseM { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_cm.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #koreanF { 
background-image:url(http://www.ai-j.jp/wp-content/themes/ai_theme/img/demo_kf.gif);
}

.foreign {
padding:10px 0 0;
}
#dm h2{
	font-size:26px;
	padding-bottom:10px;
	font-weight:normal;
	text-align:center;
	color:#D73938;
}

#dm h5{
	font-size:16px;
	font-weight:normal;
	padding:5px 10px;
	background-color:#DD001C;
	margin-bottom:10px;
	color:#FFFFFF;
	margin-right:45px;
}

#okomari2{

	height:640px;
	padding-top:20px;
}

#okomari2 h2 {
  font-weight:normal;
  padding-bottom:32px;
  margin-top:20px;
  border:none;
  font-size: 26px;
  font-weight:normal;
  text-align:center;
  background:url("/common2/img/subttl.png") repeat-x 0 5px;
}

#okomari2 h2 span {
 background-color:#FFFFFF;
 padding:5px;
 color:#333;
}

#okomari2 h3{
 font-size:17px;
 color:#333333;
 font-weight:normal;
text-align:center;
 padding:10px 0 15px 0;
}

#okomari2 h4{
 font-size:28px;
 color:#FF7F00;
 font-weight:bold;
text-align:center;
 padding:10px 0 10px 0;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

#okomari2 h5{
 font-size:28px;
 color:#333333;
 font-weight:bold;
text-align:center;
 padding:10px 0 10px 0;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}

.border-box {
border:1px solid #CCCCCC;
padding:15px;
margin:0 15px;
background-color:#FFFFFF;
}

.border-box2 {
border:2px solid #FF7F00;
padding:15px;
margin:0 15px;
background-color:#FFFFFF;
}


#okomari2 ul {
	list-style:none;
margin-top:20px;
}

#okomari2 ul li{
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 0px 21px;
	font-size:16px;
}
#okomari2 ul li#ar1 {
	background: url("/common2/img/icon_color_1_3.gif") no-repeat 0px 5px; 
}
#okomari2 ul li#ar2 {
	background: url("/common2/img/icon_color_1_4.gif") no-repeat 0px 5px;
}

#okomari2 ul li#ar3 {
	background: url("/common2/img/icon_color_1_1.gif") no-repeat 0px 5px; 
}
#okomari2 ul li#ar4 {
	background: url("/common2/img/icon_color_1_2.gif") no-repeat 0px 5px;
}



#okomari3{
	background-color:#FFFFFF;
	height:640px;
	padding-top:20px;
}

#okomari3 h2 {
  font-weight:normal;
  padding-bottom:32px;
  margin-top:20px;
  border:none;
  font-size: 26px;
  font-weight:normal;
  text-align:center;
  background:url("/common2/img/subttl.png") repeat-x 0 5px;
}

#okomari3 h2 span {
 background-color:#FFFFFF;
 padding:5px;
 color:#333;
}

#okomari3 h3{
 font-size:17px;
 color:#333333;
 font-weight:normal;
text-align:center;
 padding:10px 0 15px 0;
}

#okomari3 h4{
 font-size:28px;
 color:#D73938;
 font-weight:bold;
text-align:center;
 padding:10px 0 10px 0;
margin-bottom:10px;
border-bottom:1px dotted #CCCCCC;
}



#okomari3 ul {
	list-style:none;
margin-top:20px;
}

#okomari3 ul li{
	margin: 0px 0px 25px 0px;
	padding: 3px 0px 10px 40px;
	font-size:22px;
	background: url("/common2/img/check.png") no-repeat 0px 0px; 
}

#jirei2{
	background-color:#FFFFFF;
	height:610px;
	padding-top:20px;
}

#jirei2 img{
	float:left;
	padding-right:10px;
}


#jirei2 h2 {
  font-weight:normal;
  padding-bottom:32px;
  margin-top:20px;
  border:none;
  font-size: 26px;
  font-weight:normal;
  text-align:center;
  background:url("/common2/img/subttl.png") repeat-x 0 5px;
}


#jirei2 h2 span {
 background-color:#FFFFFF;
 padding:5px;
 color:#333;
}

#jirei2 h4{
 font-size:16px;
 color:#333333;
 font-weight:normal;
text-align:center;
 padding:0 0 25px 0;
}


#kinou{
	height:560px;
	padding-top:20px;
}

#kinou p{
	font-size:12px;
}

#kinou img{
	display:block;
margin:auto;
text-align:center;
padding-bottom:10px;
}


#kinou h2 {
  font-weight:normal;
  padding-bottom:32px;
  margin-top:20px;
  border:none;
  font-size: 26px;
  font-weight:normal;
  text-align:center;
  background:url("/common2/img/subttl.png") repeat-x 0 5px;
}

#kinou h2 span {
 background-color:#FFFFFF;
 padding:5px;
 color:#333;
}

#kinou h3 span {
 background-color:#00BFFF;
color:#FFFFFF;
 padding:2px;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px; 
}





#wasya {
  border:1px solid #CCCCCC;
  padding:20px;
}
#wasya h2 {
  font-weight:normal;
  padding:25px 0;
  margin-bottom:15px;
  border:none;
  font-size: 26px;
  font-weight:bold;
  text-align:center;
  color:#D73938;
}

#wasya h2 span {
 background-color:#FFFFFF;
 padding:5px;
 color:#333;
}

#wasya h3 span {
 background-color:#00BFFF;
color:#FFFFFF;
 padding:2px;
border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px; 
}

#wasya p{
margin:auto;
text-align:center;
}


.clear3 {
  height: 50px;
clear:both;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*ﾂ･*//*/
  height: auto;
  overflow: hidden;
  /**/
}


@media screen and (max-width: 640px) {

textarea{
width:320px;
}

#voice1 {
	position:absolute;
top:15px;
left:10px;
	}
	
	#voice2 {
	position:absolute;
top:15px;
left:90px;
	}

	#voice3 {
	display:none;
	}
	
	#voice4 {
	position:absolute;
top:15px;
left:180px;
	}
	
	#voice5 {
	position:absolute;
top:15px;
left:270px;
	}
	
#voice1-2 {
	position:absolute;
top:260px;
left:10px;
	}
	
	#voice2-2 {
	position:absolute;
top:260px;
left:90px;
	}
	
	#voice4-2 {
	position:absolute;
top:260px;
left:180px;
	}
	
	#voice5-2 {
	position:absolute;
top:260px;
left:270px;
	}	

#voice1 img {
	width:50%;
}


#voice4 img {
	width:50%;
}


#voice3 img {
	width:50%;
}


#voice2 img {
	width:50%;
}


#voice5 img {
	width:50%;
}

#voice1-2 img {
	width:50%;
}


#voice4-2 img {
	width:50%;
}




#voice2-2 img {
	width:50%;
}


#voice5-2 img {
	width:50%;
}




div#mainDemoBOX .demo .disnon {
  display: none;
}

div#mainDemoBOX .demo .demoContent {
	display:block;
	clear:both;
	margin:13px 0 0 0;
}
div#mainDemoBOX .demo .demoContent .content_wrap {
	padding:0;
}
div#mainDemoBOX .demo .demoContent .content_wrap h4 {
	position:absolute;
	top:-30px;
	left:10px;
	float:none;
}
div#mainDemoBOX .demo .demoContent .content_wrap p {
	padding:0 2px;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara {
	margin:17px 0 10px 0;
	clear:both;
	display:block;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara span {
	float:left;
	width:60px;
	height:52px;
	margin:0 23px 7px 1px;
	display:block;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cara input {
	width:60px;
	height:52px;
	display:block;
}
img.mo {
	cursor:pointer;
	}
div#mainDemoBOX .demo .demoContent .content_wrap span:hover {
	background-position:0 0;	
	}
div#mainDemoBOX .demo .demoContent .content_wrap .cust_radio_on {
	background-position:0 0;
}
div#mainDemoBOX .demo .demoContent .content_wrap .cust_radio_off { 
	background-position:0 52px;
	}
			
div#mainDemoBOX .demo .demoContent .content_wrap #nozomi { 
background-image:url(/icon/demo_nozomi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #nozomi2 { 
background-image:url(/icon/demo_nozomi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #sumire { 
background-image:url(/icon/demo_sumire.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #nanako { 
background-image:url(/icon/demo_nanako.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #akari { 
background-image:url(/icon/demo_akari.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #hiroshi { 
background-image:url(/icon/demo_hiroshi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #osamu { 
background-image:url(/icon/demo_osamu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #anzu { 
background-image:url(/icon/demo_anzu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #koutaro { 
background-image:url(/icon/demo_koutaro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #maki { 
background-image:url(/icon/demo_maki.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #maki2 { 
background-image:url(/icon/demo_maki.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #seiji { 
background-image:url(/icon/demo_seiji.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #kaho { 
background-image:url(/icon/demo_kaho.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #reina { 
background-image:url(/icon/demo_reina.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #taichi { 
background-image:url(/icon/demo_taichi.gif);
}	

div#mainDemoBOX .demo .demoContent .content_wrap #reina2 { 
background-image:url(/icon/demo_reina.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #taichi2 { 
background-image:url(/icon/demo_taichi.gif);
}		
div#mainDemoBOX .demo .demoContent .content_wrap #chihiro { 
background-image:url(/icon/demo_chihiro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #yuuto { 
background-image:url(/icon/demo_yuuto.gif);
}


div#mainDemoBOX .demo .demoContent .content_wrap #englishF { 
background-image:url(/icon/demo_ef.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #englishM { 
background-image:url(/icon/demo_em.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #chineseF { 
background-image:url(/icon/demo_cf.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #chineseM { 
background-image:url(/icon/demo_cm.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #koreanF { 
background-image:url(/icon/demo_kf.gif);
}

.foreign {
padding:10px 0 0;
}

}