shouta@charset "utf-8";

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

div#mainDemoBOX {
	margin-bottom:10px;
	clear:both;
	display:block;
	}
div#mainDemoBOX .demo {
	padding:6px;
	overflow-x: hidden;
	overflow-y: hidden;
	}


div#mainDemoBOX .demo .demoTtl {
	border-bottom:1px solid #DD001C;
	height:33px;
	width:600px;
	padding:0 0 0 2px;
}
div#mainDemoBOX .demo h4 {
	float:left;
	width:204px;
}
div#mainDemoBOX .demo #tab {
	float:right;
	padding-top:10px;
	width:394px;
}
div#mainDemoBOX .demo #tab li ul {
	height:23px;
}
div#mainDemoBOX .demo #tab li {
  float: left;
  list-style: none;
  cursor: pointer;
  height:19px;
  margin-left:5px;
}
div#mainDemoBOX .demo #tab li.select,
div#mainDemoBOX .demo #tab li:hover {
	border-bottom:4px solid #DD001C;
}
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;
	border-bottom:1px #CCC dotted;
}
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(/wp-content/themes/ai_theme/img/demo_nozomi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #sumire { 
background-image:url(/wp-content/themes/ai_theme/img/demo_sumire.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #nanako { 
background-image:url(/wp-content/themes/ai_theme/img/demo_nanako.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #akari { 
background-image:url(/wp-content/themes/ai_theme/img/demo_akari.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #hiroshi { 
background-image:url(/wp-content/themes/ai_theme/img/demo_hiroshi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #osamu { 
background-image:url(/wp-content/themes/ai_theme/img/demo_osamu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #anzu { 
background-image:url(/wp-content/themes/ai_theme/img/demo_anzu.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #koutaro { 
background-image:url(/wp-content/themes/ai_theme/img/demo_koutaro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #maki { 
background-image:url(/wp-content/themes/ai_theme/img/demo_maki.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #seiji { 
background-image:url(/wp-content/themes/ai_theme/img/demo_seiji.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #kaho { 
background-image:url(/wp-content/themes/ai_theme/img/demo_kaho.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #reina { 
background-image:url(/wp-content/themes/ai_theme/img/demo_reina.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #taichi { 
background-image:url(/wp-content/themes/ai_theme/img/demo_taichi.gif);
}			
div#mainDemoBOX .demo .demoContent .content_wrap #chihiro { 
background-image:url(/wp-content/themes/ai_theme/img/demo_chihiro.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #yuuto { 
background-image:url(/wp-content/themes/ai_theme/img/demo_yuuto.gif);
}

/*-- 関西話者分 --*/

div#mainDemoBOX .demo .demoContent .content_wrap #miyabi { 
background-image:url(/wp-content/themes/ai_theme/img/demo_miyabi.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #yamato { 
background-image:url(/wp-content/themes/ai_theme/img/demo_yamato.gif);
}
/*-- 関西話者分 --*/

/*-- あい・しょうた --*/

.txtt {
    width: 30px;
    display: inline-block;
}

.txt2 {
width:50px;
display: inline-block;
background-color:#000000;
color:#FFFFFF;
	font-size:11px;
padding:1px;
text-align:center;
margin:3px;
}

.txt3 {
width:50px;
display: inline-block;
background-color:#D90000;
color:#FFFFFF;
	font-size:11px;
padding:1px;
text-align:center;
margin:3px;
}

.txt4 {
width:50px;
display: inline-block;
background-color:#0085B2;
color:#FFFFFF;
padding:1px;
	font-size:11px;
text-align:center;
margin:3px;
}

.txt5 {
text-align:center;
width:50px;
display: inline-block;
background-color:#FF7F00;
color:#FFFFFF;
padding:1px;
	font-size:11px;
margin:3px;
}



div#mainDemoBOX .demo .demoContent .content_wrap #akane_west { 
background-image:url(/wp-content/themes/ai_theme/img/demo_akane.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #aoi { 
background-image:url(/wp-content/themes/ai_theme/img/demo_aoi.gif);
}


div#mainDemoBOX .demo .demoContent .content_wrap #akane_west_emo { 
background-image:url(/wp-content/themes/ai_theme/img/demo_akane.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #aoi_emo { 
background-image:url(/wp-content/themes/ai_theme/img/demo_aoi.gif);
}
/*-- あい・しょうた --*/


/*-- 茜・葵 --*/

div#mainDemoBOX .demo .demoContent .content_wrap #ai { 
background-image:url(/wp-content/themes/ai_theme/img/demo_ai.gif);
}
div#mainDemoBOX .demo .demoContent .content_wrap #shouta { 
background-image:url(/wp-content/themes/ai_theme/img/demo_shouta.gif);
}
/*-- あい・しょうた --*/

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

div#mainDemoBOX .demo .demoContent .entry_wrap {
	clear:both;
	display:block;
	overflow-x: hidden;
	overflow-y: hidden;
	padding:0 0 12px 0;
}
div#mainDemoBOX .demo .demoContent .entry_wrap textarea {
	border:1px #CCC solid;
	height:140px;
	font-size:12px;
	float:left;
padding: 6px;
}

div#mainDemoBOX .demo .demoContent .entry_wrap .cust textarea {
	border:1px #CCC solid;
	height:80px;
	width:244px;
	font-size:12px;
	float:left;
padding: 6px;
margin-right:5px;
}

div#mainDemoBOX .demo .demoContent .cust textarea {
	border:1px #CCC solid;
	height:80px;
	width:244px;
	font-size:12px;
	float:left;
padding: 6px;
margin-right:5px;
}

div#mainDemoBOX .demo .demoContent .entry_wrap .custom textarea {
}
div#mainDemoBOX .demo .demoContent #foreign textarea {
	height:66px !important;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea {
	width:170px;
	height:92px;
	float:left;
	border-right:solid #CCC 1px;
	margin:2px 0 0 8px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea ul {
	list-style:none;
	padding-right:12px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea ul li {
	width:156;
	height:17px;
	display:block;
	clear:both;
	padding-bottom:10px;
	margin-bottom:7px;
}




.submitarea2 ul {
	
	list-style: none;
}


#koto_emo input[type="range"] {
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0);	
	
}


div#kotonoha_emo .btnarea {
	width:270px;
	height:190px;
	float:left;
	margin:2px 0 0 8px;
}
div#kotonoha_emo .btnarea ul {
	list-style:none;
}
div#kotonoha_emo .btnarea ul li {
	width:270px;
	height:22px;
	display:block;
	clear:both;
	padding-bottom:10px;
	margin-bottom:7px;
}



div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea ul li span.txt{
	line-height:17px;
	color:#D0001A;
	font-size:11px;
	float:left;
	margin:0 12px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea ul li img {
	float:left;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea ul li.btm {
	border-bottom:none;
	margin-bottom:0;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .submitarea {
	float:left;
	padding:1px 5px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .submitarea ul {
	list-style:none;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .submitarea ul li {
	float:left;
}

div#mainDemoBOX .demo .demoContent .entry_wrap .submitarea2 {
	float:left;
	padding:0;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .submitarea2 ul {
	list-style:none;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .submitarea2 ul li {
	float:left;
}













div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea2 {
	width:170px;
	height:60px;
	float:left;
	margin:0;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea2 ul {
	list-style:none;
	padding-right:12px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea2 ul li {
	height:17px;
	display:block;
	clear:both;
	padding-bottom:10px;
	margin-bottom:7px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea2 ul li span.txt{
	line-height:17px;
	color:#D0001A;
	font-size:11px;
	float:left;
	margin:0 12px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea2 ul li img {
	float:left;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .btnarea2 ul li.btm {
	border-bottom:none;
	margin-bottom:0;
}












div#mainDemoBOX .demo .demoContent .content_wrap .custom {
padding-left:14px;
background:
font-size:1.2em;
line-height:1.4em;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}
div#mainDemoBOX .demo .demoContent .content_wrap .custom {
	background:none;
padding-bottom:10px;
}
div#mainDemoBOX .demo .demoContent .content_wrap .custom img {
	margin:10px;
}
div#mainDemoBOX .demo .demoContent .content_wrap .custom p {
	font-weight:normal;
	color:#333;
	margin-top:3px;
	margin-bottom:5px;
}



div#mainDemoBOX .share {
	padding:8px 0 6px 16px;
	text-align:right;
	overflow-x: hidden;
	overflow-y: hidden;
	border-bottom:1px #CCC dotted;
	}


div#mainDemoBOX .mainVisual {
	padding:7px 0 0 0;
	overflow-x: hidden;
	overflow-y: hidden;
	display:block;
	height:186px;
	background-repeat:no-repeat;
	background-position:0 0;
	clear:both;
	}
div#mainDemoBOX #bg1 {
background-image:url(/wp-content/themes/ai_theme/img/main_bg1.jpg);
}
div#mainDemoBOX .mainVisual h4 {
	padding:21px 0 0 121px;
	display:block;
	clear:both;
	width:344px;
	float:none;
}
div#mainDemoBOX .mainVisual h5 {
	float:left;
	padding:27px 0 0 121px;
	margin:0;
	width:132px;
	height:66px;
	display:block;
}
div#mainDemoBOX .mainVisual ul {
	list-style:none;
	float:left;
	display:block;
	padding:27px 0 0 22px;
}
div#mainDemoBOX .mainVisual ul li {
	float:left;
	margin-left:7px;
}