@charset "EUC-JP";
body	{
		color:#333333;
		font-family:"Meiryo","Hiragino Kaku Gothic Pro","Osaka",arial, helvetica, verdana;
		font-size:90%;
		margin:0px;
		padding:0px;
		line-height:140%;
		text-align:center;
}
img	{
		border:none;
}
table	{
		font-size:12px;
		color:#232323;
		text-align:left;
}
h1,h2,h3,h4,h5,form,p,ul,ol,li,div,table,thead,tbody,tfoot	{
		margin:0px;
		padding:0px;
}
table	{ margin:auto; }
sup	{ color:#FF0000; }
a:link	{
		color:#0A50FF;
		text-decoration:underline;
}
a:visited	{
		color:#441474;
		text-decoration:underline;
}
a:hover	{
		color:#2395C0;
		text-decoration:underline;
}
#WRAPPER    {
        width:760px;
        margin:0px auto;
        text-align:left;
}
/*===============================================
CMS TAMPLATE
===============================================*/
#CONTENT h3	{
	padding:0px 10px 0px 55px;
	margin-bottom:15px;
	height:45px;
	line-height:45px;
	color:#333333;
	font-size:100%;
	clear:both;
	background-image:url(../images/h3_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#CONTENT h3.original	{
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
	height:auto;
	line-height:auto;
	background-image:none;
}
#CONTENT h3 span	{
	font-size:65%;
	color:#444444;
	padding-left:20px;
	font-weight:normal;
}
#CONTENT h4	{
	font-size:100%;
	padding:0px 0px 0px 37px;
	background-color:#F9F9F9;
	line-height:22px;
	background-image:url(../images/h4_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin-bottom:15px;
	color:#0086FF;
}
#CONTENT h4.original	{
	font-size:100%;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	line-height:auto;
	background-image:none;
	margin-bottom:15px;
}
#CONTENT h5	{
	font-size:100%;
	font-weight:bold;
	line-height:20px;
	background-image:url(../images/h5_bg.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding:0px 0px 0px 23px;
	margin:10px 0px 15px 12px;
	clear:both;
}
#CONTENT p	{
	margin:5px 15px;
	line-height:130%;
}
#SUBCONTENT h6	{
	font-size:100%;
	font-weight:normal;
	background-color:#0D8CFF;
	color:#FFFFFF;
	padding:5px 0px 0px 5px;
	margin:0px 0px 5px 0px;
	border-bottom:2px solid #000000;
	clear:both;
}
/*=====================BUTTON=====================*/
/*=============for WIN IE5=============*/
.button01	{
	font-size:12px;	
}
/*=============WIN IE5 Hack=============*/
.button01/**/	{
	background-image:url(../images/button01.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:3px 0px 3px 22px;
	font-size:95%;
}
/*=============for WIN IE5=============*/
.button02	{font-size:12px;}
/*=============WIN IE5 Hack=============*/
.button02/**/	{
	border:#999999 1px solid;
	background-image:url(../images/button02.gif);
	background-repeat:no-repeat;
	background-position:2px 2px;
	padding:2px 10px 2px 15px;
	font-size:90%;
	background-color:#E6E6E6;
	color:#333333;
	text-decoration:none;
}
/**/
/*=====================TABLE=====================*/
#CONTENT .table01	{
	border-right:1px solid #1A3B8A;
	border-bottom:1px solid #1A3B8A;
	margin:5px auto;
}
#CONTENT .table01 th	{
	background-color:#EEEEEE;
	border-left:1px solid #1A3B8A;
	border-top:1px solid #1A3B8A;
	padding:5px;
}
#CONTENT .table01 td	{
	border-left:1px solid #1A3B8A;
	border-top:1px solid #1A3B8A;
	padding:5px;
	margin:5px;
}
#CONTENT .table02	{
	border-collapse: collapse;
	border:1px solid #BBBBBB;
	margin:5px auto;
}
#CONTENT .table02 th	{
	background-color:#0A2D82;
	border:1px solid #CCCCCC;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	padding:5px;
}
#CONTENT .table02 td	{
	border:1px solid #BBBBBB;
	padding:5px;
}
/*=====================LIST=====================*/
#CONTENT ul,
#SUBCONTENT ul	{
	margin:10px 10px 10px 45px;
	list-style-image:url(../images/icon01.gif);
	color:#333333;
}
#CONTENT ol,
#SUBCONTENT ol	{
	margin:10px 10px 10px 45px;
	color:#333333;
}
#CONTENT li	,
#SUBCONTENT li		{margin-bottom:3px;}

/*===============================================
HEAD
===============================================*/
#HEAD	{ height:85px; }
#HEAD h2	{
    width:265px;
    float:left;
}
#HEAD h2 a	{
	background-image:url(../images/logo.gif);
	background-position:0px 0px;
	background-repeat:no-repeat;
	display:block;
	width:265px;
	height:85px;
}
#HEAD .flR	{ width:485px; }
#DESCRIPTION   {
    height:18px;
	line-height:18px;
    font-size:75%;
    color:#FFFFFF;
    background-color:#000;
    text-align:right;
	background-image:url(../images/head_bg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
#DESCRIPTION h1	{
	display:inline;
	font-size:100%;
	font-weight:normal;	
}
#DESCRIPTION p	{ 
	padding-right:5px;
	display:inline;	
}
#NAVI-REMARK    {
	margin-top:10px;
    font-size:90%;
    text-align:right;
}
#NAVI-REMARK a    {
    background:url("../images/icon01.gif") no-repeat 3px 5px;
    padding:0px 5px 0px 10px;
}
/*===============================================
MENU
===============================================*/
#MENU ul    { list-style:none; }
#MENU li {float:left; }
#MENU li a  {
    display:block;
    height:65px;
}
#MENU_news a   { width:95px; background:url("../images/menu01.gif") no-repeat 0px 0px; }
#MENU_function a   { width:105px; background:url("../images/menu02.gif") no-repeat 0px 0px; }
#MENU_template a   { width:160px; background:url("../images/menu03.gif") no-repeat 0px 0px; }
#MENU_gallery a   { width:105px; background:url("../images/menu04.gif") no-repeat 0px 0px; }
#MENU_use a   { width:155px; background:url("../images/menu05.gif") no-repeat 0px 0px; }
#MENU_faq a   {  width:140px; background:url("../images/menu06.gif") no-repeat 0px 0px; }
#MENU_news a:hover,
#MENU_function a:hover,
#MENU_template a:hover,
#MENU_gallery a:hover,
#MENU_use a:hover,
#MENU_faq a:hover   {
    background-position:0px -65px;
}

/*===============================================
MAIN
===============================================*/
#MAIN	{
	background-image:url(../images/main_bg.gif);
	background-position:0px 0px;
	background-repeat:repeat-y;
	padding:10px 0px;
}

/*===============================================
CONTENT
===============================================*/
#CONTENT-BOX	{
	width:565px;
	float:right;
}
#CONTENT	{
	width:565px;
	text-align: left;
}
/*===============================================
TOP-FAQ
===============================================*/
#TOP-FAQ a	{
    margin:10px 0px 0px 0px;
    padding:0px 0px 0px 105px;
    display:block;
    height:25px;
    line-height:25px;
}
.faq-price a   { background:url("../images/icon_price.gif") no-repeat 0px 0px; }
.faq-support a  { background:url("../images/icon_support.gif") no-repeat 0px 0px; }
.faq-function a  { background:url("../images/icon_function.gif") no-repeat 0px 0px; }
.faq-contract a  { background:url("../images/icon_contract.gif") no-repeat 0px 0px; }
.faq-other a  { background:url("../images/icon_other.gif") no-repeat 0px 0px; }
.faq-price a:hover,
.faq-support a:hover,
.faq-function a:hover,
.faq-contract a:hover,
.faq-other a:hover {
    background-position:0px -25px;
}
/*===============================================
TOP-WORKS
===============================================*/
#TOP-WORKS	{
    margin:15px 0px 20px 15px;
}
.works	{
    width:180px;
    float:left;
    text-align:center;
}
#CONTENT #TOP-WORKS p		{
	background:url("../images/icon02.gif") no-repeat 0px 0px;
	padding-left:17px;
	height:30px;
    font-size:95%;
    text-align:left;
}
/*===============================================
TOP-NEWS
===============================================*/
#TOP-NEWS p	{
    background:url("../images/icon02.gif") no-repeat left center;
    margin:0px 0px 5px 15px;
}
#TOP-NEWS span	{ padding-left:20px; }
#TOP-NEWS a	{ padding-left:10px; }
#SUBCONTENT{
    width:180px;
    padding:5px 0px;
    float:left;
}
#SUBCONTENT h3	{ margin-bottom:10px; }
.side-text	{
	font-size:85%;
	line-height:110%;
	margin:10px 8px 15px 8px;
}
#MOVIE-BUTTON a {
    display:block;
    width:170px;
    height:35px;
    background:url("../images/movie_button.gif") no-repeat 0px 0px;
	margin:0px auto;
}
#DEMO-BUTTON a {
    display:block;
    width:170px;
    height:35px;
    background:url("../images/demo_button.gif") no-repeat 0px 0px;
	margin:0px auto;
}
#MOVIE-BUTTON a:hover,
#DEMO-BUTTON a:hover  { background-position:0px -35px; }

#SIDE-TMPL	{
	text-align:center;
	margin-bottom:10px;
}
#SIDE-TMPL p	{
	text-align:left;
	margin:0px 0px 10px 5px;
}
#SIDE-TMPL p a	{
    background:url("../images/sub_icon01.gif") no-repeat left center;
	padding-left:17px;
	font-size:90%;
}
#SIDE-GLOSSARY {
	margin:0px 8px 10px 8px;
	font-size:95%;
}
#JUST-UP a	{
    display:block;
    background:url("../images/justup_logo.gif") no-repeat 0px 0px;
    width:155px;
    height:25px;
    margin:20px 0px 5px 12px;
}
/*===============================================
NEWS
===============================================*/
#NEWS	{
	padding:5px 0px 15px 5px;
}
#NEWS p	{
	background-image:url(../images/icon02.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0px 0px 0px 20px;
	margin-bottom:8px;
}
/*===============================================
FUNCTION
===============================================*/
.function	{
	margin:0px auto 20px auto;
}
.function-L	{
	float:left;
	width:270px;
	height:175px;
	border:#999999 1px solid;
}
.function-R	{
	float:right;
	width:270px;
	height:175px;
	border:#999999 1px solid;
}
#CONTENT .function ol	{
	margin:5px 10px 0px 10px;
}
#CONTENT .function li	{
	list-style:none;
	background-image:url(../images/icon02.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 22px;
	margin-bottom:5px;
}
/*===============================================
GALLERY
===============================================*/
#GALLERY-LIST { 
	padding-top:10px;
	margin:0px 0px 0px 23px;
}
#GALLERY-LIST .flL	{
	width:175px;
	float:left;
	font-size:95%;
	text-align:center;
	margin-bottom:10px;
}
#GALLERY-LIST .flL div	{
	width:165px;
	border:#CCCCCC 1px solid;
	height:175px;
}
#GALLERY-LIST .flL div:hover	{ border:#666666 1px solid }
#GALLERY-LIST .flL span	{
	display:block; 
	color:#666666;
	margin:5px 0px 5px 5px;
	text-align:left;
	background-image:url(../images/icon02.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0px 0px 0px 18px;
}
#GALLERY-LIST .flL strong	{
	display:block;
	font-weight:normal;
	padding:0px 0px 0px 8px;
	text-align:left;
	margin-bottom:10px;
}
#GALLERY-LIST img	{
	display:block;
	margin:0px auto 5px auto;
}
#GALLERY-BOX	{
	margin:0px 0px 0px 20px;
}
#GALLERY-BOX .flL	{ width:190px; text-align:center; }
#GALLERY-BOX .flR	{ width:340px; }
#CONTENT #GALLERY-BOX .flR	{ margin:0px 0px 5px 0px; }

#GALLERY-RIGHTBOX   {
    width:320px;
    float:right;
}
#CONTENT #GALLERY-RIGHTBOX p	{
	margin:5px 0px;
	line-height:130%;
}

#GALLERY-INQUIRY    {
    background-image:url(../images/gallery-inquiry-bg.gif);
    background-position:right;
    background-repeat:no-repeat;
    width:560px;
    height:95px;
}
#GALLERY-INQUIRY a  {
    float:right;
    margin:50px 15px auto auto;
    background-image:url(../images/gallery-inquiry.gif);
    width:210px;
    height:33px;
}
#GALLERY-INQUIRY a:hover {
    background-position:0px -33px;
}
#CONTENT #GALLERY-INQUIRY p  {
    float:left;
    width:290px;
    display:inline;
    color:#333333;
    margin:50px auto auto 42px;
    font-size:90%;
}

#PACKAGE-INQUIRY    {
    background-image:url(../images/package-inquiry-bg.gif);
    background-position:right;
    background-repeat:no-repeat;
    width:560px;
    height:95px;
}
#PACKAGE-INQUIRY a  {
    float:right;
    margin:50px 15px auto auto;
    background-image:url(../images/package-inquiry.gif);
    width:210px;
    height:33px;
}
#PACKAGE-INQUIRY a:hover {
    background-position:0px -33px;
}
#PACKAGE-INQUIRY p  {
    float:left;
    width:290px;
    display:inline;
    color:#333333;
    margin:50px auto auto 42px;
    font-size:90%;
}
/*===============================================
TEMPLATE
===============================================*/
#TMPL-LIST	{
	padding-top:10px;
	margin:0px 0px 0px 15px;
}
#TMPL-LIST .flL	{
	width:182px;
	float:left;
	text-align:center;
	margin-bottom:10px;
}
#TMPL-LIST .flL strong	{
	display:block;
	font-weight:normal;
	background-image:url(../images/icon01.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px 0px 0px 10px;
	font-size:90%;
	text-align:left;
}
#TMPL-LIST .flL div a	{
	display:block;
	width:170px;
	border:#CCCCCC 1px solid;
	padding:10px 0px;
}
#TMPL-LIST .flL div a:hover	{ border:#666666 1px solid; }



/*===============================================
FOOT
===============================================*/
#FOOT{
    height:40px;
    width:760px;
    background:url("../images/foot.gif") no-repeat 0px 0px;
    padding-top:5px;
}
#FOOT-NAVI    {
    width:465px;
    height:25px;
	line-height:25px;
    float:left;
	color:#FFFFFF;
	background-color:#000000;
	font-size:90%;
	
}
#FOOT-NAVI p	{
    background:url("../images/foot_bg.gif") no-repeat right top;
	padding:0px 25px 0px 5px;
}
#FOOT-NAVI a	{
    color:#FFFFFF;
    font-size:85%;
	text-decoration:underline;
}
#FOOT-NAVI a:hover	{
	text-decoration:none;
}
#COPYRIGHT p{
    width:285px;
    height:25px;
    line-height:25px;
    float:right;
    font-size:75%;
    color:#666666;
    text-align:right;
}
/*===============================================
FORM
===============================================*/
label	{
	padding-right:5px;
}
.ipt	{
	color:#FF0000;
	font-size:80%;
}
.msg	{
	color:#191919;	
	margin:15px 0px 15px 0px;
	text-align:center;
	font-size:12px;
}
.error_form	{
	background-color:#FFE9E9;
}
.error	{
	padding:15px 30px;
	color:#333333;
}
.error a	{
	color:#FF0000;
	text-decoration:none;
}
.error a:hover	{
	color:#FF0000;
	text-decoration:underline;
}
.inquiryButtons	{
	text-align:center;
	padding:10px;
}
.exp	{
	display:block;
	font-size:90%;
	color:#666666;
}
/*===============================================
paging
===============================================*/
.paging	{
		padding:10px 0px;
		text-align:center;
		font-size:90%;
}
.paging strong	{ display:inline; }
#PAGE	{
		text-align:center;
		margin:15px auto 25px auto;
		font-size:90%;
}
/*===============================================
ichiran
===============================================*/
.ichiran    {
    margin:5px 0px 10px 0px;
}
.ichiran a    {
    display:block;
    background-image:url("../images/ichiran.gif");
	background-repeat:no-repeat;
    background-position:0px 0px;
    width:70px;
    height:20px;
    float:right;
}
.ichiran a:hover    {
    background-position:0px -20px;
}
/*===============================================
class list
===============================================*/
.flR	{ float:right; }
.flL	{ float:left; }
.alC	{text-align:center;}
.alR	{text-align:right;}
.alL	{text-align:left;}
.mgT5	{margin-top:5px;}
.mgT10	{margin-top:10px;}
.mgT15	{margin-top:15px;}
.mgT20	{margin-top:20px;}
.mgT30	{margin-top:30px;}
.mgR15	{margin-right:15px;}
.mgB10	{margin-bottom:10px;}
.mgB15	{margin-bottom:15px;}
.mgB20	{margin-bottom:20px;}
.mgB30	{margin-bottom:30px;}
.mgL10	{margin-left:10px;}
.mgL20	{margin-left:20px;}
.mgTB5	{margin:5px 0px;}
.mgTB10	{margin:10px 0px;}
.mgTB15	{margin:15px 0px;}
.red	{ color:red; }
.blue	{ color:blue; }

/*===============================================
clearfix
===============================================*/
.clearfix:after,
.ichiran:after,
#GALLERY-LIST:after,
.function:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix,
.ichiran,
#GALLERY-LIST,
.function {
	display:inline-block;
}
/* Hides from IE-mac \*/
*html .clearfix,
*html .ichiran,
*html #GALLERY-LIST,
*html.function {
	height:1%;
}
.clearfix,
.ichiran,
#GALLERY-LIST,
.function {
	display:block;
}
/* End hide from IE-mac */

/*===============================================
hidden
===============================================*/
/*--------------------for MacIE--------------------*/
#PACKAGE-INQUIRY a span,
#GALLERY-INQUIRY a span,
#HEAD h2 span,
#MOVIE-BUTTON span,
#DEMO-BUTTON span,
#JUST-UP span,
#MENU span,
#MAIN-LEFT span,
.ichiran span {
	text-indent:-9999px;
}
/*--------------------MacIE HACK--------------------?*/
#PACKAGE-INQUIRY a span,
#GALLERY-INQUIRY a span,
#HEAD h2 span,
#MOVIE-BUTTON span,
#DEMO-BUTTON span,
#JUST-UP span,
#MENU span,
#MAIN-LEFT span,
.ichiran span  {
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}