@charset "UTF-8";

/* ---------------------------------------------

	created: 2008-10-29;
	last-modified: 2008-12-11;

--------------------------------------------- */


/* css start ------------ */


/* --------------------------------------------------------------------
	レイアウト：トップページ
-------------------------------------------------------------------- */
/*
div#container {
	width: 806px;
	background-color: #fff;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 47px;
	padding-bottom: 0;
	padding-left: 23px;
}
 */

body#productsIndex h2 {
	padding: 50px 0 0 19px;
}

.style1 {font-size: 12px}
.style2 {font-size: 10px; }



/* ---------------------------------------------
	商品インデックス
--------------------------------------------- */

body#productsIndex div.item {
	width: 774px;
	margin: 19px 0 0 17px;
	padding: 0 0 28px;
	background-image: url(../img/idx_item_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

body#productsIndex div.item div.wrap {
	padding: 29px 0 0;
}
body#productsIndex div#adv01 div.wrap { background: url(../img/idx_adv01_bg.gif) no-repeat;}


body#productsIndex div.item div.txtSet {
	float: right;
	width: 523px;
}

body#productsIndex div.item div.imgSet {
	float: left;
	width: 251px;
	text-align: right;
}

body#productsIndex div.item p.desc {
	padding: 12px 30px 0 0;
	color: #666;
}

body#productsIndex div.item p.desc em {
	font-style: normal;
	color: #7e3184;
}

body#productsIndex div.item dl {
	margin: 16px 24px 0 0;
}

body#productsIndex div.item dl dd {
	margin: -1.4em 0 0 2.5em;
}

body#productsIndex div.item p.nav {
	padding: 8px 45px 0 0;
}

body#productsIndex div#adv01 p.trial {
	padding: 8px 0 0;
}



/* ---------------------------------------------
	アドバイス
--------------------------------------------- */

body#productsIndex p#advice {
	margin: 26px 0 20px 17px;
}




/* --------------------------------------------------------------------
	レイアウト：商品詳細ページ共通
-------------------------------------------------------------------- */

body.productsDetail div#container {
}

body.productsDetail div#container h1 {
	margin-top: 21px;
}


/* ---------------------------------------------
	ローカルナビ
--------------------------------------------- */

body.productsDetail ul.localNav {
	height: 16px;
	margin: 36px 0 0 352px;
}

body.productsDetail ul.localNav li {
	float: left;
}

body.productsDetail ul.localNav li.adv02 {
	padding-left: 23px;
}


/* ---------------------------------------------
	概要
--------------------------------------------- */

body.productsDetail div#overviewArea {
	width: 789px;
	margin: 50px 0 0 17px;
}

body.productsDetail div#overviewArea div.txtSet {
	float: left;
	width: 509px;
}

body.productsDetail div#overviewArea div.imgSet {
	float: right;
	width: 280px;
}

body.productsDetail div#overviewArea div.txtSet p.seibun {
	margin: 25px 0 0;
	padding: 15px;
	background-color: #F1F1F1;
}


/* ---------------------------------------------
	ご使用方法
--------------------------------------------- */

body.productsDetail div#howtoArea {
	width: 772px;
	margin: 31px 0 0 17px;
	padding: 0 0 28px;
	background: #F1F1F1 url(../img/cmn_howto_foot.gif) no-repeat left bottom;
	clear:both;
}

body.productsDetail div#howtoArea p.lead {
	padding: 18px 0 0 30px;
}




/* --------------------------------------------------------------------
	レイアウト：アドバンストラインソリューションμ
-------------------------------------------------------------------- */

/* ---------------------------------------------
	概要
--------------------------------------------- */

body#adv01Page div#overviewArea div.txtSet p.lead {
	padding: 18px 0 0;
}

body#adv01Page div#overviewArea div.imgSet p.btn {
	padding: 0 0 0 38px;
}

body#adv01Page div#overviewArea div.imgSet p.banner {
	padding: 19px 0 0 40px;
}

body#adv01Page div#overviewArea div#trial {
	position: relative;
	width: 509px;
	height: 146px;
	margin: 30px 0 0;
	background: url(../img/adv01_trial_bg.gif) no-repeat;
}

body#adv01Page div#overviewArea div#trial p.img {
	position: absolute;
	top: 22px;
	left: 26px;
}

body#adv01Page div#overviewArea div#trial p.tit {
	padding: 22px 0 0 146px;
}

body#adv01Page div#overviewArea div#trial p.txt1 {
	padding: 12px 0 0 146px;
}

body#adv01Page div#overviewArea div#trial p.txt2 {
	padding: 7px 0 0 146px;
}

body#adv01Page div#overviewArea div#trial p.btn {
	position: absolute;
	top: 101px;
	left: 334px;
}



/* ---------------------------------------------
	コラム
--------------------------------------------- */

body#adv01Page div.box {
	width: 772px;
	margin: 35px 0 0 17px;
	background: url(../img/adv01_box_bg.jpg) no-repeat left bottom;
}

body#adv01Page div.box div#ctt01 {
	padding: 24px 0 0;
	background: url(../img/adv01_box_head.gif) no-repeat top;
	}

body#adv01Page div.box div.wrap {
	width: 712px;
	margin: 0 0 0 30px;
	border-top: 1px solid #E5E5E5;
	_display:inline;/* win hac */
}
/*body#adv01Page div.box div#ctt01 div.wrap {
	border-top: 0;
}*/

body#adv01Page div.box div#ctt01 div.txtSet { float: right; margin-right:30px; width: 500px;}
body#adv01Page div.box div#ctt01 div.txtSet p.doc{ float: left; width: 500px;}
body#adv01Page div.box div#ctt01 p.img { float: left; margin-left:30px; _margin-left:20px; margin-bottom:15px; width: 165px;}

body#adv01Page div.box div#ctt02 div.txtSet {
	float: left;
	width: 455px;
	padding-bottom: 15px;
}
body#adv01Page div.box div#ctt02 p.photo {
	float: right;
	width: 256px;
	margin-top:20px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
}
body#adv01Page div.box #b_t_a {
	width: 752px;
	clear: both;
	text-align: center;
	padding-bottom: 10px;
}

body#adv01Page div.box div#ctt03 div.txtSet {
	width: 493px;
}
body#adv01Page div.box div#ctt03 p.img {width: 493px; }

body#adv01Page div.box div#ctt04 div.txtSet { float: left; width: 522px;}
body#adv01Page div.box div#ctt04 p.img { float: right; width: 165px; padding: 30px 0 0;}

body#adv01Page div.box div.wrap div.txtSet p.lead {
	padding: 12px 0 0;
}
body#adv01Page div.box div#ctt01 div.txtSet p.lead { background: url(../img/adv01_ctt01_bg.jpg) no-repeat;}
body#adv01Page div.box div#ctt02 div.txtSet p.lead { background: url(../img/adv01_ctt02_bg.jpg) no-repeat;}
body#adv01Page div.box div#ctt02 div.txtSet p.lead2 {
	margin-top: 10px;
}
body#adv01Page div.box div#ctt03 div.txtSet p.lead { background: url(../img/adv01_ctt03_bg.jpg) no-repeat;}
body#adv01Page div.box div#ctt04 div.txtSet p.lead { background: url(../img/adv01_ctt04_bg.jpg) no-repeat;}

body#adv01Page div.box div.wrap div.txtSet p.lead em {
	font-style: normal;
	color: #7e3184;
}

body#adv01Page div.box div#ctt01 div.txtSet p.nav {
	padding: 12px 0 0;
	text-align: right;
}



/* ---------------------------------------------
	ご使用方法
--------------------------------------------- */

body#adv01Page div#howtoArea ul {
	height: 300px;
	margin: 35px 0 0;
	padding: 0 0 0 22px;
}

body#adv01Page div#howtoArea ul li {
	float: left;
}

body#adv01Page div#howtoArea ul li.step3 {
	padding: 0 0 17px;
}



/* ---------------------------------------------
	開発ストーリー
--------------------------------------------- */

body#adv01Page div#storyArea {
	width: 774px;
	margin: 50px 0 0 18px;
}

body#adv01Page div#storyArea div.wrap1 {
	padding: 12px 0 0;
}

body#adv01Page div#storyArea div.wrap1 div.txtSet {
	float: right;
	width: 430px;
	/* background-image: url(../img/img_idx_story_1_lead.gif); */
	background-repeat: no-repeat;
	background-position: 0px 51px;
}

body#adv01Page div#storyArea div.wrap1 p.img {
	float: left;
	width: 290px;
}

body#adv01Page div#storyArea div.wrap2 {
	padding: 11px 0 0;
	font-size: 12px;
}

body#adv01Page div#storyArea div.wrap2 div.txtSet {
	float: left;
	width: 432px;
	padding: 20px;
}

body#adv01Page div#storyArea div.wrap2 div.txtSet p.doc{
	float: left;
	width: 149px;
	margin-right: 15px;
	margin-bottom: 15px;
}

body#adv01Page div#storyArea div.wrap2 div.txtSet p.doc_txt{
}

body#adv01Page div#storyArea div.wrap2 p.img {
	float: right;
	width: 288px;
}


/* ---------------------------------------------
	開発者のメッセージ
--------------------------------------------- */

body#adv01Page div#messageArea {
	width: 771px;
	margin: 0 0 0 18px;
	padding: 0 0 29px;
	background: url(../img/idx_message_bg.gif) no-repeat left bottom;
}

body#adv01Page div#messageArea div.wrap {
	padding: 30px;
	background: url(../img/idx_message_head.gif) no-repeat;
}

body#adv01Page div#messageArea div.txtSet {
	float: left;
	width: 530px;
}

body#adv01Page div#messageArea p.img {
	float: right;
	width: 149px;
}

body#adv01Page div#messageArea div.txtSet p.lead {
	padding: 12px 0 0;
	color: #666;
}

body#adv01Page div#messageArea div.profile {
	padding: 0 26px 0 30px;
}

body#adv01Page div#messageArea div.profile p.text {
	padding: 6px 0 0;
}

body#adv01Page div#messageArea div.profile p.sign {
	text-align: right;
}


/* css end ------------ */