@charset "utf-8";

/*
THEME NAME: AI
DESCRIPTION: THIS TEMPLATE BELONGS ONLY TO AI. 
VERSION: 1.0
AUTHOR: teco
AUTHOR URI: http://www.bbbbbbbb.co.jp/
*/

@import "css/common.css";
@import "css/elements.css";
@import "css/second.css";

/* 
-------------------------------------------------------------------------------------------------------------------------------
製品詳細タイトル用画像 / product detail
-------------------------------------------------------------------------------------------------------------------------------
*/
#second #voice2 {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_voice2.jpg);
}
#second #voice3 {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_voice2.jpg);
}
#second #voice {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_voice.jpg);
}
#second #micro3ds {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_micro3ds.jpg);
}
#second #emergency {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_emergency.jpg);
}
#second #sdk2 {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_sdk2.jpg);
}
#second #server {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_server.jpg);
}
#second #webapi {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_webapi.jpg);
}
#second #webapi-2 {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_webapi-2.jpg);
}
#second #micro {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_micro2.jpg);
}
#second #micro2 {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_micro2.jpg);
}
#second #micro3 {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_micro2.jpg);
}
#second #foreign {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_foreign.jpg);
}
#second #customvoice {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_customvoice.jpg);
}
#second #personal {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_personal.jpg);
}
#second #iwrite {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_iwrite.jpg);
}
#second #kantan {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_voice2.jpg);
}
#second #kantanplus {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_kantanplus.jpg);
}
#second #webapi-foreign {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_webapi-foreign.jpg);
}
#second #webapi-foreign-2 {
	background-image:url(/wp-content/themes/ai_theme/img/product_main_webapi-foreign-2.jpg);
}

/* 
-------------------------------------------------------------------------------------------------------------------------------
 手書き文字認識　iWrite デモ / iwrite demo
-------------------------------------------------------------------------------------------------------------------------------
*/

#iwrite_demo {
margin: 0 auto;
}

#iwrite_demo #tab {
	padding: 0;
	margin-bottom: 1em;
	height: 40px;
	background:url(http://www.ai-j.jp/wp-content/uploads/tab_back.gif) repeat-x;
}

#iwrite_demo #tab li {
	list-style-type:none;
	float: left;
	width: 294px;
	margin: 0 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 38px;
}

#iwrite_demo #tab li a {
	display: block;
	text-align: center;
	color: #929292;
	text-decoration:none;
	background-color:#EDEDED;
	border: 1px solid #EDEDED;
	border-bottom: 1px solid #CCC;
	height: 38px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
}

#iwrite_demo #tab li a:hover,
#iwrite_demo #tab li.demo a {
	color: #222;
	background-color:#FFF;
	border: 1px solid #CCC;
	border-bottom: 1px solid #FFF;
}

#iwrite_demo #japanese,
#iwrite_demo #chinese {
text-align:center;
margin:0 auto;
}


/*  */
.showOffBtn{
	display: none;
}


/* 個人向け製品ページ */
.contactBOXindiv {
width: 600px;
height: 55px;
display: block;
padding: 10px;
margin-top: 10px;
position: relative;
text-align:center;
border:#F0F0F0 solid 10px;
}
.contactBOXindiv a.contactBOXbtn {
position: absolute;
top: 9px;
left: 180px;
width: 262px;
height: 58px;
display: block;
background: url(/wp-content/themes/ai_theme/img/btn_contactBOX.jpg) no-repeat;
}
.contactBOXindiv a:hover.contactBOXbtn {filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}


/* 
-------------------------------------------------------------------------------------------------------------------------------
トップ　デモ　マルチリンガルWebApi
-------------------------------------------------------------------------------------------------------------------------------
*/
div#mainDemoBOX .demo .demoContent .content_wrap h5 {
	margin-top:10px;
	margin-bottom:13px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .foreign {
	float:left;
	display:block;
	margin-top:15px;	
}
div#mainDemoBOX .demo .demoContent .entry_wrap textarea#text4 {
	float:none;
	margin-top:10px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .selectarea select.fl {
	height:40px;
	float:left;
	display:block;
	margin-right:20px;
}
	
div#mainDemoBOX .demo .demoContent .entry_wrap .foreignBtn {
	margin-top:50px !important;
	margin-bottom:14px !important;
}

.foreign option.USEnglish{
	background-color:#FFC4CB;
}
.foreign option.UKEnglish{
	background-color:#E6C7FC;
}
.foreign option.ChineseMandarin{
	background-color:#C5D0FE;
}
.foreign option.ChineseCanton{
	background-color:#9CEBBC;
}
.foreign option.Korean{
	background-color:#CEF09B;
}
.foreign option.Spanish{
	background-color:#F3DA98;
}
.foreign option.French{
	background-color:#FFC4CB;
}
.foreign option.German{
	background-color:#E6C7FC;
}
.foreign option.Portuguese{
	background-color:#C5D0FE;
}
.foreign option.Italian{
	background-color:#9CEBBC;
}
.foreign option.Russian{
	background-color:#CEF09B;
}
.foreign option.Arabic{
	background-color:#F3DA98;
}
.foreign option.Thailand{
	background-color:#FFC4CB;
}
.foreign option.Indonesian{
	background-color:#E6C7FC;
}


/* 
-------------------------------------------------------------------------------------------------------------------------------
トップ　デモ　マルチリンガルWebApi
-------------------------------------------------------------------------------------------------------------------------------
*/
div#mainDemoBOX .demo .demoContent .content_wrap h5 {
	margin-top:10px;
	margin-bottom:13px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .foreign {
	float:left;
	display:block;
	margin-top:15px;	
}
div#mainDemoBOX .demo .demoContent .entry_wrap textarea#text4 {
	float:none;
	margin-top:10px;
}
div#mainDemoBOX .demo .demoContent .entry_wrap .selectarea select.fl {
	height:40px;
	float:left;
	display:block;
	margin-right:20px;
}
	
div#mainDemoBOX .demo .demoContent .entry_wrap .foreignBtn {
	margin-top:50px !important;
	margin-bottom:14px !important;
}

.foreign option.USEnglish{
	background-color:#FFC4CB;
}
.foreign option.UKEnglish{
	background-color:#E6C7FC;
}
.foreign option.ChineseMandarin{
	background-color:#C5D0FE;
}
.foreign option.ChineseCanton{
	background-color:#9CEBBC;
}
.foreign option.Korean{
	background-color:#CEF09B;
}
.foreign option.Spanish{
	background-color:#F3DA98;
}
.foreign option.French{
	background-color:#FFC4CB;
}
.foreign option.German{
	background-color:#E6C7FC;
}
.foreign option.Portuguese{
	background-color:#C5D0FE;
}
.foreign option.Italian{
	background-color:#9CEBBC;
}
.foreign option.Russian{
	background-color:#CEF09B;
}
.foreign option.Arabic{
	background-color:#F3DA98;
}
.foreign option.Thailand{
	background-color:#FFC4CB;
}
.foreign option.Indonesian{
	background-color:#E6C7FC;
}



/* 
-------------------------------------------------------------------------------------------------------------------------------
マルチリンガルWebApi ページ内デモ
------------------------------------------------------------------------------------------------------------------------------
*/

.foreignDemoBox {
margin: 0;
list-style: none;
background-color: #FFF;
padding: 20px 10px 10px 20px;
display:block;
overflow-x: hidden;
overflow-y: hidden;
}
.foreignDemoBox h5 {
	margin-top:10px;
	margin-bottom:13px;
}
.foreignDemoBox .foreign {
	float:left;
	display:block;
	margin-top:15px;
	width:272px;
	margin-right:20px;
}
.foreignDemoBox textarea {
border: 1px #CCC solid;
width: 260px;
height: 80px;
font-size: 12px;
float: left;
padding: 6px;
}
.foreignDemoBox textarea#text4 {
}
.foreignDemoBox .selectarea select.fl {
	height:40px;
	float:left;
	display:block;
	margin-right:20px;
}
.foreignDemoBox textarea {
	height:66px !important;
}
.foreignDemoBox .submitarea {
width: 62px;
float: right;
padding: 1px 16px 0 0;
}
.foreignDemoBox .submitarea ul {
list-style: none;
}
.foreignDemoBox .submitarea ul li {
	width:62px;
	display:block;
	clear:both;
	padding-bottom:3px;
}
.foreignDemoBox .foreignBtn {
	margin-top:50px !important;
	margin-bottom:14px !important;
}
.foreignDemoBox .btnarea {
	width:172px;
	height:92px;
	float:left;
	border-right:solid #CCC 1px;
	margin:2px 0 0 15px;
}
.foreignDemoBox .btnarea ul {
	list-style:none;
	padding-right:12px;
}
.foreignDemoBox .btnarea ul li {
	border-bottom:1px #CCC dotted;
	width:156;
	height:17px;
	display:block;
	clear:both;
	padding-bottom:10px;
	margin-bottom:7px;
}
.foreignDemoBox .btnarea ul li span.txt{
	line-height:17px;
	color:#D0001A;
	font-size:11px;
	float:left;
	margin:0 12px;
}
.foreignDemoBox .btnarea ul li img {
	float:left;
}
.foreignDemoBox .btnarea ul li.btm {
	border-bottom:none;
	margin-bottom:0;
}
.foreignDemoBox .entry_wrap .submitarea {
	width:62px;
	float:right;
	padding:1px 16px 0 0;
}
.foreignDemoBox .entry_wrap .submitarea ul {
	list-style:none;
}
.foreignDemoBox .entry_wrap .submitarea ul li {
	width:62px;
	display:block;
	clear:both;
	padding-bottom:3px;
}

/* 
-------------------------------------------------------------------------------------------------------------------------------
事例紹介
------------------------------------------------------------------------------------------------------------------------------
*/
.caseIcon {
width:120px;
height:67px;
    display: table-cell;
    layout-grid-line: 67px;
    text-align: center;
    vertical-align: middle;
}
.caseIcon img {
margin:0 !important;
}
.caseIcon a {
}
.caseBox {
border-bottom: 1px solid #dddddd; margin-bottom: 25px; padding-bottom: 20px;
}
.caselink {
width:460px;
}
.case_arrow {
padding-left: 15px;
background: url(/wp-content/themes/ai_theme/img/icon_arrow_03.gif) no-repeat 2px 6px;
margin-bottom:10px;
line-height:180%;
}

/*ページネーション*/
div.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	font-size:11px;
	line-height:13px ;
	background:none;
	margin:10px 0 20px;
	vertical-align: middle;
}

div.pagination span, .pagination a {
	display:block;
	float:left ;
	margin: 2px 2px 2px 0 ;
	padding:6px 9px 5px 9px ;
	text-decoration:none;
	width:auto ;
	color:#fff ;
	background: #666 ;
}

div.pagination a:hover{
	color:#fff ;
	background: #fdcd1a;
}

div.pagination .current{
	padding:6px 9px 5px 9px ;
	background: #fdcd1a;
	color:#fff ;
}