/*--------------------------------------------------------
	LEXUES Inc.
	cascading Style Sheets for Pure Picture.
	[ toppage css :toppage.css ]
	
	CopyrightiCj2007 LEXUES Inc.All Rights Reserved.
--------------------------------------------------------*/

/* ====================================================================== */
/* common */
/* ====================================================================== */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-size: 70%;
	color: #666666;
	margin: 0px;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
	background-image: url(../image/back/back.gif);
	font-family: "lr oSVbN", Osaka, "qMmpS Pro W3", sans-serif;
	background-repeat: repeat-x;
	background-position: center top;
	padding: 0px;
}
h1,h2,h3,h4,h5,p,b,i,u,form {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
ul {
	margin: 0px; 
	padding: 0px; 
	list-style: none

}
li {
	margin: 0px; 
	padding: 0px; 
	list-style: none

}
body a:link {
	text-decoration: none;
}
body a:visited {
	text-decoration: none;
}
body a:active {
	text-decoration: none;
}
body a:hover {
	text-decoration: underline;
}
.clear {
	clear: both;	
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
#wrapper {
	width: 850px;
	text-align: center;
	background-image: url(../image/back/wrapper_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrapper #container {
	width: 800px;
	text-align: center;
	padding: 0px;
	margin: 0px auto;
	background-color: #f8f8f8;
}
#wrapper #container #layout {
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.clear {
	clear: both;	
}
/* ====================================================================== */
/* header */
/* ====================================================================== */
#header {
	width: 800px;
}
#header a:link {
	text-decoration: none;
	color: #FFFFFF;
}
#header a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#header a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#header a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#header .corpo {
	padding-top: 10px!important;
    _padding-top: 7px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #FFFFFF;
	text-align: right;
	height: 20px!important;
	height: 22px;
	padding-right: 15px;
	background-color: #0073BB;
	width: 785px;
	_width: 800px;
	margin: 0px;
	font-size: 1.1em!important;
	font-size: 1.3em;
}
html:not([lang*=""]) #header .corpo {
	height: 20px;
	font-size: 1.1em;
}
#header #mainNav {
	clear: both;
	padding-top: 10px;
	padding-left: 0px;
}
#header #mainNav li {
	float: left;
	padding-right:0px;
}

/* ====================================================================== */
/* maincontent */
/* ====================================================================== */
#main {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
}
#main #maincontent {
	width: 800px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#main #main_msg {
	clear: both;
	height: 190px;
	width: 800px;
	padding-top: 20px;
	padding-bottom: 45px;
}
#main #main_msg h1 {
	float: left;
	width: 530px;
	text-align: right;
	height: 210px;
}
#main #main_msg #client_logo {
	float: left;
	width: 235px;
	background-image: url(../image/top/client_bg.gif);
	background-repeat: no-repeat;
	height: 155px;
	_height: 210px;
	padding-top: 58px;
}
#main #main_msg #client_logo img {
	margin-bottom: 11px;
}
/* campaign */
#main #cam_area {
	width: 776px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	border: 1px solid #B0CDDD;
}
/* campaign end */
#main #main_exp {
	text-align: left;
	width: 769px;
	_width: 780px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 10px;
	clear: both;
	background-image: url(../image/top/exp_bg.jpg);
	background-repeat: repeat-x;
}
#main #main_exp #exp_inner {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 10px;
	background-image: url(../image/top/bg_expInner.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 100px;
}
#main #main_exp h2 {
	clear: both;
	font-size: 1.2em;
	color: #666666;
	text-align: left;
	line-height: 1.6em;
}
#main #main_exp #exp_inner p {
	text-align: right;
	padding-right: 65px;
}
#main #maincontent #banner_zone {
	width: 790px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-left: 6px;
}
html:not([lang*=""]) #main #maincontent #banner_zone {
	padding-left: 10px;
}
#main #maincontent #banner_zone #appeal_area {
	float: left;
	width: 400px;
	padding-top: 10px;
	padding-bottom: 12px;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #B0CDDD;
}
#main #maincontent #banner_zone #appeal_area .qr_area {
	height: 102px;
	margin-bottom: 8px;
	width: 358px;
	_width: 358px;
	background-color: #E8E8E8;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 8px;
}
#main #maincontent #banner_zone #appeal_area .qr_area .exp_box {
	float: left;
	width: 270px;
}
#main #maincontent #banner_zone #appeal_area .qr_area h3 {
	font-weight: normal;
	color: #333333;
	text-indent: 0px;
	padding-top: 26px;
	padding-left: 0px;
	margin: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	font-size: 1.1em;
	line-height: 1.2em;
}
#main #maincontent #banner_zone #appeal_area .qr_area img {
	float: left;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 25px;
}
#main #maincontent #banner_zone #appeal_area .qr_area .banner {
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	border: 1px solid #333333;
}
#main #maincontent #banner_zone #appeal_area .qr_area .graphic {
	float: left;
	border: 1px solid #333333;
	margin-top: 5px;
}
#main #maincontent #banner_zone #appeal_area #pure {
	background-image: url(../image/top/sample_01.gif);
	background-repeat: no-repeat;
}
#main #maincontent #banner_zone #appeal_area #axis {
	background-image: url(../image/top/sample_03.gif);
	background-repeat: no-repeat;
}
#main #maincontent #banner_zone #appeal_area #blog {
	background-image: url(../image/top/sample_02.gif);
	background-repeat: no-repeat;
}
#main #maincontent #banner_zone #appeal_area #blog h3 {
	padding-left: 10px;
	width: 260px;

}
#main #maincontent #banner_zone #appeal_area #exp_axis {
	padding-top: 5px;
	padding-bottom: 20px;
	text-align: left;
	padding-left: 20px;
	background-color: #B0CDDD;
}
html:not([lang*=""]) #main #maincontent #banner_zone #appeal_area #exp_axis {
	padding-top: 7px;
	padding-bottom: 12px;
}
body:first-of-type #main #maincontent #banner_zone #appeal_area #exp_axis {
	padding-bottom: 4px;
}
#main #maincontent #banner_zone #appeal_area #exp_axis img {
	float: left;
}
#main #maincontent #banner_zone #appeal_area #exp_axis #client {
	margin-left: 10px;
}
#main #maincontent #banner_zone table {
	height: 253px;
	width: 355px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}
#main #maincontent #banner_zone table tr td {
	text-align: right;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#main #maincontent #banner_zone #news_area {
	width: 374px;
	float: left;
	margin-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(../image/top/news_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	text-align: center;
	margin-bottom: 10px;
}
html:not([lang*=""]) #main #maincontent #banner_zone #news_area {
}
#main #maincontent #banner_zone #news_area #news_inner {
	width: 362px;
	text-align: left;
	font-size: 1.1em;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding-top: 5px;
}
#main #maincontent #banner_zone #news_area h4 {
	margin-right: auto;
	margin-left: 14px;
	padding: 0px;
}
#main #maincontent #banner_zone #news_area dl {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	padding-left: 15px;
}
#main dl a:link {
	text-decoration: none;
}
#main dl a:hover {
	text-decoration: underline;
}
#main #maincontent #banner_zone #news_area dl dd {
	background: url(../img/common/dot.gif) repeat-x left bottom;
	line-height: 1.5;
	width: 240px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 1.0em;
	text-align: left;
	float: left;
}
html:not([lang*=""]) #main #maincontent #banner_zone #news_area dl dd {
	width: 230px;
}
html:not(:target) #main #maincontent #banner_zone #news_area dl dd {
	width: 230px;
	padding-left: 0.8em;
}
#main #maincontent #banner_zone #news_area dl dt {
	float: left;
	width: 7.2em;
	line-height: 1.5;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 7px;
}
#main #maincontent #banner_zone #feature {
	float: left;
	background-color: #F8F8F8;
	margin-left: 5px;
	height: 63px;
	width: 373px;
	margin-top: 25px;
	background-image: url(../image/top/feature_bg.gif);
	background-repeat: no-repeat;
	padding-top: 85px;
	padding-bottom: 6px;
	text-align: center;
	padding-left: 6px;
}
html:not([lang*=""]) #main #maincontent #banner_zone #feature {
	height: 46px;
	margin-top: 6px;
	width: 368px;
}
#main #tool_box {
	width: 800px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#main #maincontent .delimitation {
	background-image: url(../image/text_icon.gif);
	background-repeat: no-repeat;
	width: auto;
	_width: 750px;
	height: 25px;
	_height: 35px;
	padding-top: 12px;
	padding-left: 25px;
	color: #000066;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	_margin-left: 13px;
	margin: 20px;
}
#main #maincontent .half_area {
	padding-left: 20px;
	_padding-left: 14px;
}
#main #maincontent .half {
	width: 370px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
*html #main #maincontent .half {
	width: 377px;
}
#main #maincontent .half .delimitation {
	margin-right: 0px;
	margin-left: 0px;
	margin-left: 0px;
	height: 25px;
	_height: 35px;
	width: auto;
	_width: 365px;
}
*html #main #maincontent .half .delimitation {
}
#main #maincontent .left_deli {
	margin-right: 20px;
	_margin-right: 10px;
}
#main #change_title {
	clear: both;
	text-align: center;
	width: 784px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	_margin-top: 30px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#main #change_title p {
	color: #666666;
	padding-left: 10px;
	text-align: left;
}
#main #maincontent #exp_area {
	width: 720px;
	_width: 760px;
	background-color:#FFFDCA;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	border:1px solid;
	border-color: #FFCC00;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#main #change_title .explanation {
	font-size: 1.1em;
	color: #333333;
	padding-bottom: 10px;
	line-height: 1.6em;
}
#main #change_title .exp_att {
	padding-left: 15px;
}
#main .tool_area {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	height: 270px;
	padding-left: 20px;
	_padding-left: 10px;
	clear: both;
	margin-bottom: 20px;
}
#main .each_tool {
	float: left;
	width: 368px;
	margin-left: 0px;
	border: 1px solid #194B6A;
	background-color: #FFFFFF;
	font-size: 1.1em;
	padding-top: 0px;
	padding-left: 0px;
	margin-right: 0px;
	height: 230px;
	padding-bottom: 40px;
}
*html #main .tool_area .each_tool {
	margin-left: 0px;
	height: 250px;
}
#main .bg_01 {
	background-image: url(../image/top/toolBg_1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #bg_02 {
	background-image: url(../image/top/toolBg_2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #bg_03 {
	background-image: url(../image/top/toolBg_3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main .bg_04 {
	background-image: url(../image/top/toolBg_4.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #bg_05 {
	background-image: url(../image/top/toolBg_5.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #bg_06 {
	background-image: url(../image/top/toolBg_6.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #bg_07 {
	background-image: url(../image/top/toolBg_7.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #bg_08 {
	background-image: url(../image/top/toolBg_8.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #mbg_01 {
	background-image: url(../image/top/movieBg_1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #mbg_02 {
	background-image: url(../image/top/movieBg_2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #mbg_03 {
	background-image: url(../image/top/movieBg_3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #mbg_04 {
	background-image: url(../image/top/movieBg_4.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #mbg_05 {
	background-image: url(../image/top/movieBg_5.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #sbg_01 {
	background-image: url(../image/top/voiceBg_1.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #sbg_02 {
	background-image: url(../image/top/voiceBg_2.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #sbg_03 {
	background-image: url(../image/top/voiceBg_3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #sbg_04 {
	background-image: url(../image/top/voiceBg_4.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main #sbg_05 {
	background-image: url(../image/top/voiceBg_5.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#main .tool_area .left_tool {
	margin-right: 20px;
}
#main .each_tool h6 {
	font-weight: bold;
	font-style: normal;
	padding-bottom: 5px;
	display: block;
	color: #FFFFFF;
	background-color: #194B6A;
	padding-top: 5px;
	margin-bottom: 15px;
	font-size: 1.1em;
}
#main .each_tool .txt_area {
	padding-bottom: 20px;
	height: 200px;
	clear: both;
}
#main .each_tool em {
	font-weight: bold;
	font-style: normal;
	padding-right: 5px;
}
#main .each_tool p {
	text-align: left;
	line-height: 1.6em;
	line-height/*\**/: 1.5em\9;
	padding-right: 10px;
	padding-left: 10px;
	word-break:break-all;
	overflow-x:auto;
}
#main .each_tool .file_title {
	word-break:break-all;
	overflow-x:auto;
}
.anchor_container {
	text-align: right;
	width: 730px;
	padding-right: 10px;
	padding-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.2em;
}
#wrapper #container #footer_banner {
	height: 60px;
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	padding-top: 40px;
	padding-bottom: 25px;
}
#wrapper #container #footer_banner img {
	margin-right: 5px;
	margin-left: 5px;
}
/* ====================================================================== */
/* footer */
/* ====================================================================== */
#wrapper #container #footer {
	background-image: url(../image/top/footer_line.gif);
	height: 30px;
	clear: both;
	width: 800px;
	background-repeat: no-repeat;
	margin-top: 10px;
}
#wrapper #container #footer p {
	text-align: center;
	padding-top: 10px;
	font-size: 1.2em;
}