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


/*======================================

	基本設定

=======================================*/

* {
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}

html{     
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#ffffff;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	text-align:left;
	float: left;
 }
 
 

/*======================================

	アンカー

=======================================*/

a:link {
	color: #333333;
}

a:visited {
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #cc0000;
}

address{font-style:normal;}



/*======================================

	見出し

=======================================*/

h2 {
	font-size: 11px;
	color: #cc0000;
	font-weight: bolder;
	text-decoration: none;

	line-height: 16px;
	text-align:left;
}

h3 {
	font-size: 15px;
	font-weight: bolder;
	text-decoration: none;
	color:#333333;
}

h7 {
	font-size: 13px;
	font-weight: bolder;
	text-decoration: none;
	color:#59C2F0;
}

div#shiharai {
	font-size: 13px;
	font-weight: bolder;
	text-decoration: none;
	color:#333333;
}



/*======================================

	リスト

=======================================*/

ul li{
	margin: 0 0 0 2em;
}

ol li{
	margin: 0 0 0 2.5em;
}

dt {
	font-weight: bold;
}
dd {
	margin-left: 1em;
}




/*======================================

	段落・水平線・イメージ

=======================================*/

p{
	font-size:11px;
	color:#333;
	line-height: 16px;
}
	

hr{
	border-width: 1px 0px 0px 0px;
	border-bottom-style:solid;
	border-color: #333333;
	height: 1px;
	width:438px;
}

img {
	border: none;
}

a:link,
a:visited {
	color: #808080; 
        /*未クリックも含めたリンク文字の通常色(青)*/
	text-decoration: none;
        /*テキストの装飾は無し。( none )*/
}
a:focus,
a:hover,
a:active {
	color: #FF0000; 
        /*★カーソルが乗った時のリンク文字の色(赤)*/
}




/*======================================

	レイアウト設定

=======================================*/

/* ----------　ページ全体　------------- */

#all {
	color: #333333;
	width: 900px; 
	margin: 15px auto; 
	text-align: center;
}



/*======================================

	HEADER

=======================================*/

div#header{
	width:900px;
	text-align:left;
	margin:35px 0 0 0;
}

div#header div.logo{
	float:left;
	width: 900px;
}

div#header div.logo img{
margin:0px 0px 0px 22px;
}

div#header div.logo li{
float:left;
}

/* ----------　ナビゲーション　------------- */
/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#navi {
	height:25px;
	margin:0;
	float:left;
	background-image: url(../img/global/navi.jpg);
	background-repeat: no-repeat;
}
#navi ul {
	padding:0;
}
#navi li {
	display:inline;
	list-style-type:none;
}
#navi li a {
	height:25px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi li.navi01 a {
	background:url(../img/global/navi_bg.jpg) no-repeat 0px 0px;
	width:148px;
}
#navi li.navi02 a {
	background:url(../img/global/navi_bg.jpg) no-repeat -148px 0px;
	width:151px;
}
#navi li.navi03 a {
	background:url(../img/global/navi_bg.jpg) no-repeat -299px 0px;
	width:150px;
}
#navi li.navi04 a {
	background:url(../img/global/navi_bg.jpg) no-repeat -449px 0px;
	width:150px;
}
#navi li.navi05 a {
	background:url(../img/global/navi_bg.jpg) no-repeat -599px 0px;
	width:150px;
}
#navi li.navi06 a {
	background:url(../img/global/navi_bg.jpg) no-repeat -749px 0px;
	width:151px;
}
/*------hover*/
#navi li.navi01 a:hover {
	background:url(../img/global/navi.jpg) no-repeat 0px 0px;
	width:148px;
}
#navi li.navi02 a:hover {
	background:url(../img/global/navi.jpg) no-repeat -148px 0px;
	width:151px;
}
#navi li.navi03 a:hover {
	background:url(../img/global/navi.jpg) no-repeat -299px 0px;
	width:150px;
}
#navi li.navi04 a:hover {
	background:url(../img/global/navi.jpg) no-repeat -449px 0px;
	width:150px;
}
#navi li.navi05 a:hover {
	background:url(../img/global/navi.jpg) no-repeat -599px 0px;
	width:150px;
}
#navi li.navi06 a:hover {
	background:url(../img/global/navi.jpg) no-repeat -749px 0px;
	width:151px;
}


/*======================================

	FOOTER

=======================================*/

div#footer_left
	{
		float:left;
	margin:0;
	width:680px;
	height: 89px;
	padding-left:0px;
	}

div#footer_right
	{
	float:left;
	width:220px;
	height: 89px;
	}
	
div#foot
	{
	width:900px;
	clear:left;
	height: 22px;
	}

div#infoleft 
	{
	width:600px;
	float:left;
	padding-left:0px;
	font-size: 10px;
	height: 22px;
	}
	
div#infoleft a{
	text-decoration: none;
	color: #333333;
}

div#infoleft a:hover{
	text-decoration: none;
	color: #cc0000;
}
	
div#coryright
	{
	width:300px;
	float:right;
	height: 22px;
	padding-right:0px;
	font-size: 10px;
	text-align:right;
	}

div#line4
	{
	float:left;
	width:100%;
	height:26px;
	}

/* ----------　ナビゲーション　------------- */
/* ----------　SALON / SCHOOL / STORE　------------- */
/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
ul#navi2{
    list-style:none;
	padding:0 0 0 4px;
	float:left
}
ul#navi2 li{
    list-style:none;
	padding:0 0 0 4px;
    float:left;
    width:188px;
	text-indent:-500px;
}
ul#navi2 a{
	display:block;
	width:219px;
	height:80px;
	text-indent:-500px;
	overflow:hidden;
	float: left;
	left: 0px;
}
a.salon_navi{
	background-image:url(../img/global/salon_contact.jpg)
	background-position:0px 80px;
}
a:hover.salon_navi{
    background-position:0px -160px;
}
a.school_navi{
    background-image:url(../img/global/salon_contact.jpg);
	background-position:0px 80px;
}
a:hover.school_navi{
    background-position:0px -160px;
}
a.store_navi{
    background-image:url(../img/global/salon_contact.jpg);
	background-position:0px 80px;
}
a:hover.store_navi{
    background-position:0px -160px;
}
/* ----------　MAILMAGAZINE / BLOG　------------- */
#navi3 {
	width:220px;
	height:80px;
	float:left;
	background-image: url(../img/global/mailblog_navi_bg.jpg);
	background-repeat: no-repeat;
}
#navi3 ul {
	padding:0;
}
#navi3 li {
	display:inline;
	list-style-type:none;
}
#navi3 li a {
	height:25px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi3 li.mailnavi a {
	background:url(../img/global/mailblog_navi_bg.jpg) no-repeat 0px 0px;
	width:220px;
	height:40px;
}
#navi3 li.blognavi a {
	background:url(../img/global/mailblog_navi_bg.jpg) no-repeat 0px -40px;
	width:220px;
	height:40px;
}
/*------hover*/
#navi3 li.mailnavi a:hover {
	background:url(../img/global/mailblog_navi.jpg) no-repeat 0px 0px;
	width:220px;
	height:40px;
}
#navi3 li.blognavi a:hover {
	background:url(../img/global/mailblog_navi.jpg) no-repeat 0px -40px;
	width:220px;
	height:40px;
}

/* ----------　MAILMAGAZINE / BLOG　------------- */
#navi4 {
	width:680px;
	height:80px;
	float:left;
	background-image: url(../img/global/footer_navi.jpg);
	background-repeat: no-repeat;
}
#navi4 ul {
	padding:0;
}
#navi4 li {
	display:inline;
	list-style-type:none;
}
#navi4 li a {
	height:80px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi4 li.salon a {
	background:url(../img/global/footer_navi.jpg) no-repeat 0px 0px;
	width:222px;
	height:80px;
}
#navi4 li.school a {
	background:url(../img/global/footer_navi.jpg) no-repeat -221px 0px;
	width:226px;
	height:80px;
}
#navi4 li.store a {
	background:url(../img/global/footer_navi.jpg) no-repeat -446px 0px;
	width:232px;
	height:80px;
}
/*------hover*/
#navi4 li.salon a:hover {
	background:url(../img/global/footer_navi_over.jpg) no-repeat 0px 0px;
	width:222px;
	height:80px;
}
#navi4 li.school a:hover {
	background:url(../img/global/footer_navi_over.jpg) no-repeat -221px 0px;
	width:226px;
	height:80px;
}

#navi4 li.store a:hover {
	background:url(../img/global/footer_navi_over.jpg) no-repeat -446px 0px;
	width:232px;
	height:80px;
}



/*======================================

	CONTENT PAGE

=======================================*/

.header_container
{
	margin:0 auto;
	width:900px;
	height: auto;
	}
.main_container
	{
	width:900px;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}
.footer_container
	{
	margin:0 auto;
	padding:9px 0 0 0;
	width:900px;
	height: auto;
	clear: both;
	}
	
	
	
/*======================================

	PAGE CONTENTS

=======================================*/
	
div#cont_left
	{
	float:left;
	width:438px;
	}

div#cont_right
	{
	float:right;
	width:438px;
	}

div#cont_navi
	{
	height: auto;
	margin:18px 0px 18px 0px;
	}
	
div#line1
	{
	width:100%;
	padding-top:15px;
	height:27px;
	}

div#line2
	{
	width:100%;
	height: auto;
	}

	
/*======================================

	SALON / SYSTEM

=======================================*/

div#cont_left_salon
	{
	float:left;
	width:438px;
	text-align:justify;
	}
	
div#cont_right_salon
	{
	float:right;
	width:434px;
	height:926px;
	background-image: url(../../salon/img/system_img.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px 30px 0px;
	}
	
div#cont_right_wedding
	{
	float:right;
	width:434px;
	height:645px;
	background-image: url(../../salon/img/wedding.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px 30px 0px;
	}
	

/*======================================

	SALON / ACCESS

=======================================*/

div#cont_right_access
	{
	float:right;
	width:434px;
	height:355px;
	background-image: url(../../salon/img/access.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
	
div#rightbd {
	border-right: 5px #333333;
	height: 100%;
	}
	
	
/*======================================

	SCHOOL

=======================================*/

div#cont_right_lecture
	{
	float:right;
	width:434px;
	height:517px;
	background-image: url(../../school/img/lec_img.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}
	

/*======================================

	お問い合わせはこちら / 左

=======================================*/

#contact {
	width:220px;
	height:24px;
	float:left;
	background-image: url(../img/global/contact.jpg);
	background-repeat: no-repeat;
}
#contact ul {
	padding:0;
}
#contact li {
	display:inline;
	list-style-type:none;
}
#contact li a {
	height:24px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#contact li.kochira a {
	width:220px;
	height:24px;
	background-image: url(../img/global/canract_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*------hover*/
#contact li.kochira a:hover {
	background:url(../img/global/contact.jpg) no-repeat 0px 0px;
	width:220px;
	height:24px;
}


/*======================================

	お問い合わせはこちら / 右

=======================================*/

#contact3 {
	width:215px;
	height:24px;
	float:right;
	background-image: url(../img/global/canract_over.jpg);
	background-repeat: no-repeat;
}
#contact3 ul {
	padding:0;
}
#contact3 li {
	display:inline;
	list-style-type:none;
}
#contact3 li a {
	height:24px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#contact3 li.kochira2 a {
	width:215px;
	height:24px;
	background-image: url(../img/global/canract_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*------hover*/
#contact3 li.kochira2 a:hover {
	background:url(../img/global/contact.jpg) no-repeat 0px 0px;
	width:215px;
	height:24px;
}




/*======================================

	資料請求はこちら

=======================================*/

#contact2 {
	width:215px;
	height:24px;
	float:left;
	background-image: url(../img/global/siryo_over.jpg);
	background-repeat: no-repeat;
}
#contact2 ul {
	padding:0;
}
#contact2 li {
	display:inline;
	list-style-type:none;
}
#contact2 li a {
	height:24px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#contact2 li.siryo a {
	width:215px;
	height:24px;
	background-image: url(../img/global/siryo_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*------hover*/
#contact2 li.siryo a:hover {
	background:url(../img/global/siryo.jpg) no-repeat 0px 0px;
	width:215px;
	height:24px;
}


/*======================================

	wha's AiLOGIC / マスコミはコチラ

=======================================*/

#media_gray {
	width:186px;
	height:20px;
	float:right;
	background-image: url(../../about/img/media_bn_over.jpg);
	background-repeat: no-repeat;
}
#media_gray ul {
	padding:0;
}
#media_gray li {
	display:inline;
	list-style-type:none;
}
#media_gray li a {
	height:20px;
	display:block;
	float:left;
	text-indent:-400px;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#media_gray li.media_g_it a {
	width:186px;
	height:20px;
	background-image: url(../../about/img/media_bn_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*------hover*/
#media_gray li.media_g_it a:hover {
	background:url(../../about/img/media_bn_over.jpg);
	1background-repeat: no-repeat;
	background-position: 0px 0px;
	width:186px;
	height:20px;
}


#media {
	width:186px;
	height:20px;
	float:left;
	background-image: url(../../about/img/media_bn.jpg);
	background-repeat: no-repeat;
}
#media ul {
	padding:0;
}
#media li {
	display:inline;
	list-style-type:none;
}
#media li a {
	height:20px;
	display:block;
	float:left;
	text-indent:-400px;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#media li.media_it a {
	width:186px;
	height:20px;
	background-image: url(../../about/img/media_bn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*------hover*/
#media li.media_it a:hover {
	background:url(../../about/img/media_bn_over.jpg);
	1background-repeat: no-repeat;
	background-position: 0px 0px;
	width:186px;
	height:20px;
}



/*======================================

	wha's AiLOGIC / イベントはコチラ

=======================================*/

#event_gray {
	width:186px;
	height:20px;
	float:right;
	background-image: url(../../about/img/event_bn_over.jpg);
	background-repeat: no-repeat;
}
#event_gray ul {
	padding:0;
}
#event_gray li {
	display:inline;
	list-style-type:none;
}
#event_gray li a {
	height:20px;
	display:block;
	float:left;
	text-indent:-400px;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#event_gray li.event_g_it a {
	width:186px;
	height:20px;
	background-image: url(../../about/img/event_bn_over.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*------hover*/
#event_gray li.event_g_it a:hover {
	background:url(../../about/img/event_bn_over.jpg);
	1background-repeat: no-repeat;
	background-position: 0px 0px;
	width:186px;
	height:20px;
}

#event {
	width:186px;
	height:20px;
	float:right;
	background-image: url(../../about/img/event_bn.jpg);
	background-repeat: no-repeat;
}
#event ul {
	padding:0;
}
#event li {
	display:inline;
	list-style-type:none;
}
#event li a {
	height:20px;
	display:block;
	float:left;
	text-indent:-400px;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#event li.event_it a {
	width:186px;
	height:20px;
	background-image: url(../../about/img/event_bn.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/*------hover*/
#event li.event_it a:hover {
	background:url(../../about/img/event_bn_over.jpg);
	1background-repeat: no-repeat;
	background-position: 0px 0px;
	width:186px;
	height:20px;
}



/*======================================

	WEDDING

=======================================*/
#navi5 {
	width:219;
	height:16px;
	float:left;
	background-image: url(../../salon/img/sysacc.jpg);
	background-repeat: no-repeat;
}
#navi5 ul {
	padding:0;
}
#navi5 li {
	display:inline;
	list-style-type:none;
}
#navi5 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi5 li.system a {
	background:url(../../salon/img/sysacc.jpg) no-repeat 0px 0px;
	width:73px;
	height:16px;
}
#navi5 li.wedding a {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -73px 0px;
	width:73px;
	height:16px;
}
#navi5 li.access a {
	background:url(../../salon/img/sysacc.jpg) no-repeat -146px 0px;
	width:73px;
	height:16px;
}
/*------hover*/
#navi5 li.system a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat 0px 0px;
	width:73px;
	height:16px;
}
#navi5 li.wedding a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -73px 0px;
	width:73px;
	height:16px;
}
#navi5 li.access a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -146px 0px;
	width:73px;
	height:16px;
}


/*======================================

	SYSTEM

=======================================*/
#navi51 {
	width:219;
	height:16px;
	float:left;
	background-image: url(../../salon/img/sysacc.jpg);
	background-repeat: no-repeat;
}
#navi51 ul {
	padding:0;
}
#navi51 li {
	display:inline;
	list-style-type:none;
}
#navi51 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi51 li.system a {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat 0px 0px;
	width:73px;
	height:16px;
}
#navi51 li.wedding a {
	background:url(../../salon/img/sysacc.jpg) no-repeat -73px 0px;
	width:73px;
	height:16px;
}
#navi51 li.access a {
	background:url(../../salon/img/sysacc.jpg) no-repeat -146px 0px;
	width:73px;
	height:16px;
}
/*------hover*/
#navi51 li.system a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat 0px 0px;
	width:73px;
	height:16px;
}
#navi51 li.wedding a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -73px 0px;
	width:73px;
	height:16px;
}
#navi51 li.access a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -146px 0px;
	width:73px;
	height:16px;
}

/*======================================

	ACCESS

=======================================*/
#navi52 {
	width:219;
	height:16px;
	float:left;
	background-image: url(../../salon/img/sysacc.jpg);
	background-repeat: no-repeat;
}
#navi52 ul {
	padding:0;
}
#navi52 li {
	display:inline;
	list-style-type:none;
}
#navi52 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi52 li.system a {
	background:url(../../salon/img/sysacc.jpg) no-repeat 0px 0px;
	width:73px;
	height:16px;
}
#navi52 li.wedding a {
	background:url(../../salon/img/sysacc.jpg) no-repeat -73px 0px;
	width:73px;
	height:16px;
}
#navi52 li.access a {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -146px 0px;
	width:73px;
	height:16px;
}
/*------hover*/
#navi52 li.system a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat 0px 0px;
	width:73px;
	height:16px;
}
#navi52 li.wedding a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -73px 0px;
	width:73px;
	height:16px;
}
#navi52 li.access a:hover {
	background:url(../../salon/img/sysacc_over.jpg) no-repeat -146px 0px;
	width:73px;
	height:16px;
}

/*======================================

	メイクレクチャー

=======================================*/
#navi6 {
	width:360;
	height:16px;
	float:left;
	background-image: url(../../school/img/prorec.jpg);
	background-repeat: no-repeat;
}
#navi6 ul {
	padding:0;
}
#navi6 li {
	display:inline;
	list-style-type:none;
}
#navi6 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi6 li.pro a {
	background:url(../../school/img/prorec.jpg) no-repeat 0px 0px;
	width:134px;
	height:16px;
}
#navi6 li.lec a {
	background:url(../../school/img/prorec_over.jpg) no-repeat -134px 0px;
	width:223px;
	height:16px;
}

/*------hover*/
#navi6 li.pro a:hover {
	background:url(../../school/img/prorec_over.jpg) no-repeat 0px 0px;
	width:134px;
	height:16px;
}
#navi6 li.lec a:hover {
	background:url(../../school/img/prorec_over.jpg) no-repeat -134px 0px;
	width:223px;
	height:16px;
}

/*======================================

	プロ育成コース / メイクレクチャー

=======================================*/
#navi61 {
	width:360;
	height:16px;
	float:left;
	background-image: url(../../school/img/prorec.jpg);
	background-repeat: no-repeat;
}
#navi61 ul {
	padding:0;
}
#navi61 li {
	display:inline;
	list-style-type:none;
}
#navi61 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi61 li.pro a {
	background:url(../../school/img/prorec_over.jpg) no-repeat 0px 0px;
	width:134px;
	height:16px;
}
#navi61 li.lec a {
	background:url(../../school/img/prorec.jpg) no-repeat -134px 0px;
	width:223px;
	height:16px;
}

/*------hover*/
#navi61 li.pro a:hover {
	background:url(../../school/img/prorec_over.jpg) no-repeat 0px 0px;
	width:134px;
	height:16px;
}
#navi61 li.lec a:hover {
	background:url(../../school/img/prorec_over.jpg) no-repeat -134px 0px;
	width:223px;
	height:16px;
}

/*======================================

	What's AiLOGICAL / STAFF

=======================================*/

div#staff3
	{
	float:left;
	width:300px;
	height: auto;
	}

div#staff_main
	{
	float:left;
	width:900px;
	border: 0px;
	}

div#staff2
	{
	float:right;
	width:450px;
	height: auto;
	}
	
div#staff1
	{
	float:left;
	width:450px;
	height: auto;
	}

div#staff_txt {
	float:left;
	font-size: 16px;
	font-family:"ＭＳ Ｐゴシック";
	font-weight: normal;
	letter-spacing:0.1em;
	color: #333333;
}

div#staff_txtbld {
	float:left;
	font-size: 16px;
	font-family:"ＭＳ Ｐゴシック";
	font-weight: bolder;
	text-decoration: none;
	letter-spacing: 0.1em;
	height: 23px;
	color: #333333;
}

div#staff1_img
	{
	float:center;
	width:181px;
	height:232px;
	background-image: url(../../about/img/staff1.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px 0px 0px;
	}
	
div#staff2_img
	{
	float:center;
	width:181px;
	height:232px;
	background-image: url(../../about/img/staff2.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px 0px 0px;
	}

div#staff3_img
	{
	float:center;
	width:181px;
	height:272px;
	background-image: url(../../about/img/staff3.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px 0px 0px;
	}



/*======================================

	What's AiLOGIC / staff

=======================================*/
#navi7 {
	width:210;
	height:16px;
	float:left;
	background-image: url(../../about/img/swa.jpg);
	background-repeat: no-repeat;
}
#navi7 ul {
	padding:0;
}
#navi7 li {
	display:inline;
	list-style-type:none;
}
#navi7 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi7 li.staff a {
	background:url(../../about/img/swa_over.jpg) no-repeat 0px 0px;
	width:69px;
	height:16px;
}
#navi7 li.works a {
	background:url(../../about/img/swa.jpg) no-repeat -71px 0px;
	width:70px;
	height:16px;
}
#navi7 li.access a {
	background:url(../../about/img/swa.jpg) no-repeat -140px 0px;
	width:70px;
	height:16px;
}
/*------hover*/
#navi7 li.staff a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat 0px 0px;
	width:69px;
	height:16px;
}
#navi7 li.works a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat -71px 0px;
	width:70px;
	height:16px;
}
#navi7 li.access a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat -140px 0px;
	width:70px;
	height:16px;
}



/*======================================

	What's AiLOGIC / works

=======================================*/
#navi72 {
	width:210;
	height:16px;
	float:left;
	background-image: url(../../about/img/swa.jpg);
	background-repeat: no-repeat;
}
#navi72 ul {
	padding:0;
}
#navi72 li {
	display:inline;
	list-style-type:none;
}
#navi72 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi72 li.staff a {
	background:url(../../about/img/swa.jpg) no-repeat 0px 0px;
	width:69px;
	height:16px;
}
#navi72 li.works a {
	background:url(../../about/img/swa_over.jpg) no-repeat -71px 0px;
	width:70px;
	height:16px;
}
#navi72 li.access a {
	background:url(../../about/img/swa.jpg) no-repeat -140px 0px;
	width:70px;
	height:16px;
}
/*------hover*/
#navi72 li.staff a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat 0px 0px;
	width:69px;
	height:16px;
}
#navi72 li.works a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat -71px 0px;
	width:70px;
	height:16px;
}
#navi72 li.access a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat -140px 0px;
	width:70px;
	height:16px;
}



/*======================================

	What's AiLOGIC / access

=======================================*/
#navi73 {
	width:210;
	height:16px;
	float:left;
	background-image: url(../../about/img/swa.jpg);
	background-repeat: no-repeat;
}
#navi73 ul {
	padding:0;
}
#navi73 li {
	display:inline;
	list-style-type:none;
}
#navi73 li a {
	height:16px;
	display:block;
	float:left;
	text-indent:-9877em;
	text-decoration:none;
	overflow:hidden;
	}
/*------off*/
#navi73 li.staff a {
	background:url(../../about/img/swa.jpg) no-repeat 0px 0px;
	width:69px;
	height:16px;
}
#navi73 li.works a {
	background:url(../../about/img/swa.jpg) no-repeat -71px 0px;
	width:70px;
	height:16px;
}
#navi73 li.access a {
	background:url(../../about/img/swa_over.jpg) no-repeat -140px 0px;
	width:70px;
	height:16px;
}
/*------hover*/
#navi73 li.staff a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat 0px 0px;
	width:69px;
	height:16px;
}
#navi73 li.works a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat -71px 0px;
	width:70px;
	height:16px;
}
#navi73 li.access a:hover {
	background:url(../../about/img/swa_over.jpg) no-repeat -140px 0px;
	width:70px;
	height:16px;
}



/*======================================

	LOGICAL

=======================================*/

div#locical_img
	{
	float:center;
	width:92px;
	height:26px;
	background-image: url(../../logical/img/logical.jpg)
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
div#logic{
	font-size:11px;
	color:#333;
	line-height: 26px;
}

div#logic a{
	text-decoration: none;
	font-size:11px;
	color:#333;
	line-height: 26px;
}

div#logic a:hover{
	text-decoration: none;
	font-size:11px;
	color:#cc0000;
	line-height: 26px;
}

div#cont_left2
	{
	float:left;
	width:600px;
	}

div#cont_right2
	{
	float:right;
	width:270px;
	}
	
	
	
/*======================================

	 STORE

=======================================*/

div#store_img
	{
	float:left;
	width:195px;
	height:70px;
	background-image: url(http://www.ailogic.jp/store/img/store_logo.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	border-bottom:1px solid #515151;
	}

div#store_left
	{
	width:195px;
	border-left:1px solid #515151;
	border-right:1px solid #515151;
	border-top:1px solid #515151;
	}
	
div#store_left_in
	{
	width:195px;
	border:1px solid #515151;
	}

div#store_right
	{
	float:right;
	width:685px;
	}
	
div#store_flame
	{
	float:left;
	width:195px;
	}
	
	
/*======================================

	 STORE MENUE / TOP

=======================================*/

div#store {
	width:195px;
	font-size:11px;
	line-height:25px;
	color:333333;
}

div#store ul {
	line-height:25px;
	margin:0;
}
div#store ul li {
	list-style-type:none;
	display:inline;
	padding-left:10px;
}
div#store ul li a {
	display:block;
	width:195px;
	line-height:25px;
	border-bottom:1px solid #515151;
	text-decoration:none;
	background-image: url(../../store/img/grey_right.jpg);
	background-repeat: no-repeat;
}

div#store ul li a:hover {
	width:195px;
	color:#FFFFFF;
	background-image: url(../../store/img/blk_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/*======================================

	 STORE MENUE / TOP > MAKE UP

=======================================*/

div#makeup {
	width:195px;
	font-size:11px;
	line-height:25px;
	color:#ffffff;
	background-image: url(../../store/img/blk_right.jpg);
}

div#makeup ul {
	line-height:25px;
	color:#ffffff;
	margin:0;
}
div#makeup ul li {
	list-style-type:none;
	display:inline;
	padding-left:10px;
}
div#makeup ul li a {
	display:block;
	color:#ffffff;
	width:195px;
	line-height:25px;
	border-bottom:1px solid #515151;
	text-decoration:none;
}
div#makeup ul li a:hover {
	width:195px;
	color:#FFFFFF;
	background-image: url(../../store/img/blk_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

div#store_b {
	width:195px;
	font-size:11px;
	line-height:25px;
	color:333333;
}

div#store_b ul {
	line-height:25px;
	margin:0;
}
div#store_b ul li {
	list-style-type:none;
	display:inline;
	padding-left:10px;
}
div#store_b ul li a {
	display:block;
	width:195px;
	line-height:25px;
	border-bottom:1px solid #515151;
	text-decoration:none;
	background-image: url(../../store/img/blue_right.jpg);
	background-repeat: no-repeat;
}
div#store_b ul li a:hover {
	color:#ffffff;
	background-image: url(../../store/img/blk_right_w.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}


/*======================================

	 STORE MENUE / TOP > MAKE UP > basemake

=======================================*/

div#makeup_down {
	width:195px;
	font-size:11px;
	line-height:25px;
	color:#ffffff;
	background-image: url(../../store/img/blk_down.jpg);
}

div#makeup_down ul {
	line-height:25px;
	color:#ffffff;
	margin:0;
}
div#makeup_down ul li {
	list-style-type:none;
	display:inline;
	padding-left:10px;
}
div#makeup_down ul li a {
	display:block;
	color:#ffffff;
	width:195px;
	line-height:25px;
	border-bottom:1px solid #515151;
	text-decoration:none;
}
div#makeup_down ul li a:hover {
	color:#FFFFFF;
}

div#makeup_1 {
	width:195px;
	font-size:11px;
	line-height:25px;
	color:#ffffff;
	background-image: url(../../store/img/blue_down.jpg);
}

div#makeup_1 ul {
	line-height:25px;
	color:#ffffff;
	margin:0;
}
div#makeup_1 ul li {
	list-style-type:none;
	display:inline;
	padding-left:10px;
}
div#makeup_1 ul li a {
	display:block;
	color:#ffffff;
	width:195px;
	line-height:25px;
	border-bottom:1px solid #515151;
	text-decoration:none;
}
div#makeup_1 ul li a:hover {
	width:195px;
	color:#FFFFFF;
}

div#base_item{
	font-size:11px;
	color:#333;
	line-height: 14px;
}

div#base_item a{
	text-decoration: none;
	font-size:11px;
	color:#333;
	line-height: 14px;
}

div#base_item a:hover{
	text-decoration: none;
	font-size:11px;
	color:#59c2f0;
	line-height: 14px;
}




/*======================================

	 STORE　DESIGN

=======================================*/

.xc_productDetailBottom
{
	margin-left:280px;
}

.storeflame
{
	width:400px;
	line-height:auto;
	border:1px solid #333333;
	padding:14px;
	font-size:12px;
	color:#333333;
	margin-top:25px;
}

.xc_productInquiry 
{
	font-size:12px;
	color:#333;
	text-decoration: none;
	line-height: 18px;
}

.xc_productInquiry a{
	font-size:12px;
	color:#333;
	line-height: 18px;
	text-decoration: none;
}

.xc_productInquiry a:hover{
	font-size:12px;
	color:#333333;
	line-height: 18px;
	text-decoration: none;
}
.comment
{
	text-decoration: none;
	font-size:12px;
	line-height: 18px;
	color:#333333;
}

.comment2
{
	text-decoration: none;
	font-size:12px;
	line-height: 18px;
	color:#333333;
}

.comment3
{
	text-decoration: none;
	font-size:16px;
	line-height: 20px;
	color:#59c2f０;
}

.xc_th xc_thPrice xc_itemDataTable xc_price
{
	font-size:12px;
	color:#333333;
	line-height: 18px;
	text-decoration: none;
}

.xc_productDetail
{
	width:685px;
}


/*----  contact  ----*/

.contact_1{
}

.contact_1 td{
padding:5px;
font-size:12px;
text-align:20px;
}

.contact_form input{
margin:0px 0px 10px 0px;
}

.contact_form TEXTAREA{
margin:0px 0px 10px 0px;
}


div#skin{
	font-size:13px;
	color:#333;
	font-weight: bold;
}

div#skin a{
	text-decoration: none;
	font-size:13px;
	color:#333;
	font-weight: bold;
}

div#skin a:hover{
	text-decoration: none;
	font-size:13px;
	color:#cc0000;
	font-weight: bold;
}


div.pic{
	width:438px;
	height: 425px;
	position: absolute;
	text-align: right;
	padding: 0px 0px 0px 0px;
}

div.pic2{
	width:438px;
	height: 425px;
	position: absolute;
	text-align: right;
	padding: 180px 0px 0px 0px;
}

div.pic3{
	width:438px;
	height: 425px;
	position: absolute;
	text-align: right;
	padding: 315px 0px 0px 0px;
}

div.pic4{
	width:438px;
	height: 425px;
	position: absolute;
	text-align: right;
	padding: 78px 0px 0px 0px;
}




ul.staff_txt{
padding:0px;
margin:0px;
}

ul.staff_txt li{
	padding:0px 0px 0px 0px;
	margin:0px 0px 5px 20px;
	font-size:12px;
	line-height: 18px;
	color: #333333;
}

#staff_title{
	font-size:16px;
	color:#333333;
	padding: 0px 0px 15px 0px;
}




.fs12 {
	font-size:12px !important;
}
.spst {
	width: 685px;
	font-size:11px !important;
	line-height:1.6 !important;
}
.spst .item_1 {
	background-image: url(http://www.ailogic.jp/store/spst/100723/item1.jpg);
	background-repeat: no-repeat;
	height: 205px;
	width: 435px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 220px;
	padding-right: 30px;
}
.spst .item_2 {
	background-image: url(http://www.ailogic.jp/store/spst/100723/item2.jpg);
	background-repeat: no-repeat;
	height: 222px;
	width: 435px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 220px;
}
.spst .item_3 {
	background-image: url(http://www.ailogic.jp/store/spst/100723/item3.jpg);
	background-repeat: no-repeat;
	height: 196px;
	width: 435px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 220px;
	padding-right: 30px;
}
.spst .item_name {
	font-size: 20px;
	font-weight: bold;
	color: #CF121B;
	background-image: url(http://www.ailogic.jp/store/spst/100625/icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	margin-bottom: 15px;
}
.spst .item_name a {
	color: #CF121B;
	text-decoration:none;
}
.spst .item_name a:hover {
	color: #999999;
	text-decoration:underline;
}
.spst .sub_item_name {
	font-size: 12px !important;
	font-weight: bold;
	line-height: 1.6;
	padding-bottom:5px;
}
.spst .sub_item_name a {
	color:#59C2F0;
}
.spst .sub_item_name a:hover {
	color:#999999;
	text-decoration:underline;
}
.spst .merumaga_title {
	background-color: #737373;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.spst .merumaga_title small {
	font-size: 11px !important;
	font-weight: normal;
}
.spst .merumaga_1 {
	position: relative;
	height: 80px;
	margin-bottom: 20px;
}
.spst .merumaga_1 p {
	position: absolute;
	left: 0px;
	top: 0px;
}
.spst .merumaga_1 img {
	position: absolute;
	right: 0px;
	top: 20px;
}
.kakaku_3150 {
	background-image: url(http://www.ailogic.jp/store/spst/100723/kakaku1.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 148px;
	width: 395px;
}
.kakaku_3150 #btn_merumaga {
	position: absolute;
	top: 115px;
	left: 80px;
}
.kakaku_3150 #btn_tokuten {
	position: absolute;
	top: 115px;
	left: 190px;
}
.kakaku_2350 {
	background-image: url(http://www.ailogic.jp/store/spst/100723/kakaku2.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 148px;
	width: 395px;
}
.kakaku_2350 #btn_merumaga {
	position: absolute;
	top: 115px;
	left: 80px;
}
.kakaku_2350 #btn_tokuten {
	position: absolute;
	top: 115px;
	left: 190px;
}