body{
	background-image:url(../images/base/background.png);
	background-position:center;
	background-repeat:repeat-y;
	line-height:1.5em;
	font-size:13px;
	font-family:Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color:#333333;
}

.base
{
	position:relative;
	top:0px;
	left:0px;
}

hr{
	border:1px solid #79BCFF;
}

em,strong{
	font-weight:normal;
	font-style:normal;
}

b
{
	color:#FF3300;
}

a b
{
	color:#FF0000;
}

a.help
{
	background-image:url(../images/base/icon/help_s.png);
	padding-right:10px;
	background-repeat:no-repeat;
	background-position:top right;
}

.tel
{
	color:#F30;	
}

h1
{
	text-indent:0px;
	border-bottom:0px;
}

h2{
	font-size:1.0em;
	font-weight:normal;
}


img.left
{
	float:left;
	margin:0px 10px 10px 0px;
}

img.right
{
	float:right;
	margin:0px 0px 10px 10px;
}

.ref_faq
{
	background-image:url(../images/base/faq_bg.png);
	width:240px;
	height:92px;
}

#colorbox
{
	position:absolute;	
}

.breadCrumb
{
	width:900px;
}

#main div.body div.column1 .magazine
{
	margin:0px 0px 20px 10px;
}

#main div.body div.column1 .magazine h3
{
	margin:0px 0px 10px 0px;
}

#main div.body div.column1 .magazine .item
{
	margin:0px 0px 5px 0px;
}

#main div.body div.column1 .magazine .item img.banner
{
	margin:0px 5px 0px 0px;
}

#main div.body div.column2 #contents div.middle .ref_faq .text
{
	position:relative;
	top:50px;
	left:0px;
	width:240px;
	text-align:center;
	margin:0px;
}

#main div.body div.column2 h4.plain
{
	background-image:none;
	height:auto;
	line-height:normal;
	text-indent:0px;
}

/* ページ内ナビ */
.column2 #page_navi
{
	list-style:none;
	margin:0px 0px 20px 20px;
}

.column2 #page_navi li
{
	float:left;
	background-color:#ffe957;
	margin:0px 2px 2px 0px;
	padding:2px 10px;
	border:1px solid #ffc13c;
}

.column2 #page_navi li:hover
{
	background-color:#FC0;
}

.column2 #page_navi li a
{
	color:#994f00;
	text-decoration:none;
}

.column2 #page_navi li:hover a
{
	color:#333333;
}

table
{
	border:1px solid #CCCCCC;
}

table thead th
{
	background-color:#ffd800;
	padding:5px;
}

table tbody th
{
	background-color:#d0edff;
	padding:5px;
	vertical-align:top;
}

table tbody td
{
	vertical-align:top;
	padding:5px;
}

.focus
{
	color:#FF0000;
}

.bold
{
	font-weight:bold;
}

.btn_right
{
	text-align:right;
	width:900px;
	margin:0px 0px 10px 50px;
}

a.bg_link
{
	text-indent:-9999px;
	overflow:hidden;
}

/* 行挿入 */
img.insert_row
{
	margin:10px;
}

/* list design */
ul li
{
	margin-left:30px;
	margin-right:20px;
	padding-left:0px;
}

ul.l1{
	list-style:none;
	text-align:left;
	padding-left:0px;
	margin-left:0px;
}

ul.l1 li .caption{
	font-weight:bold;
	line-height:25px;
}

ul.l1 li{
	background-image:url(../images/base/list1.png);
	background-repeat:no-repeat;
	margin-bottom:20px;
	padding-left:30px;
	line-height:1.5em;
}

/* list design level2 */
ul.l2{
	list-style:none;
	text-align:left;
}

ul.l2 li{
	background-image:url(../images/base/list2.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding-left:30px;
	margin-left:10px;
	margin-bottom:0px;
}

/* list design none */
ul.none{
	list-style:none;
}

ul.none li{
	background:none;
	padding-left:0px;
}

ul.none li .caption{
	font-weight:bold;
	line-height:25px;
	margin-left:-30px;
}

/* icon list */
ul.none li.caution{
	background-image:url(../images/base/icon/caution.png);
	margin:0px;
	padding:0px;
	padding-left:40px;
	line-height:32px;
	background-repeat:no-repeat;
}

ul.none li.warning{
	background-image:url(../images/base/icon/error.png);
	margin:0px;
	padding:0px;
	padding-left:40px;
	line-height:35px;
	background-repeat:no-repeat;
}

ul.none li.information{
	background-image:url(../images/base/icon/information.png);
	margin:0px;
	padding:0px;
	padding-left:40px;
	line-height:32px;
	background-repeat:no-repeat;
}

/* style */
img.button{
	vertical-align:middle;
}

/* global navi */
#header #grobal_navi{
	margin:0px;
	padding:0px;
}

#header #grobal_navi .dropshadow img.ico{
	vertical-align:middle;
	margin:0px 5px 0px 0px;
}

#header #grobal_navi li{
	list-style:none;
	float:left;
	margin:0px;
	background-image:none;
	height:52px;
	width:120px;
	padding:0px;
	border:none;
}

#header #grobal_navi li.dir ul li a{
	background-image:url(../images/g_menu/sub.png);
	width:250px;
	height:40px;
	line-height:40px;
	text-align:left;
	text-indent:10px;
}

#header #grobal_navi li.dir ul li a:hover{
	background-position:0px -40px;
	color:#990000;
}

#header #grobal_navi li.dir ul li{
	background-image:url(../images/g_menu/sub_dir.png);
	background-position:top right;
	width:250px;
	height:40px;
	line-height:40px;
	text-align:left;
	text-indent:10px;
	border:1px solid #999999;
	border-top:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	padding:0px;
}

#header #grobal_navi li.dir ul li:hover{
	background-image:url(../images/g_menu/sub_dir.png);
	background-position:right -40px;
}

#header #grobal_navi li.dir ul li a.dir{
	background-image:none;
	padding:0px;
	float:none;
}

#header #grobal_navi li.dir li.dir ul{
	position:absolute;
	top:0px;
	left:251px;
	width:auto;
}

#header #grobal_navi li.dir li.dir ul li.top{
	height:20px;
	line-height:20px;
	text-indent:0px;
	font-size:0px;
}

#header #grobal_navi li.dir li.dir ul li.top img{
	vertical-align:middle;
}

#header ul#grobal_navi.dropdown ul
{
	margin:0px;
}

/*----- button to contact -----*/
a.contact_btn{
	display:block;
	background-image:url(../images/base/contact_us.png);
	width:210px;
	height:60px;
	margin:auto 0px auto auto;
}

a.contact_btn:hover{
	background-position:0px -60px;
}

a.page_top
{
	float:right;
	margin:0px 10px 0px 0px;
}

a.price_btn{
	display:block;
	background-image:url(../images/base/content_buttons.png);
	width:200px;
	height:50px;
	margin:0px 0px auto auto;
}

a.price_btn:hover{
	background-position:-200px 0px;
}

/* table design */
table td, table th{
	font-size:12px;
}

table tr th div{
	border-left:5px solid #0066FF;
	text-align:left;
	padding-left:5px;
}

/* text style*/
.sub{
	font-size:0.85em;
	color:#6F5846;
}

/* go icon */
a.go{
	display:block;
	background-image:url(../images/base/go.png);
	height:25px;
	line-height:25px;
	padding-left:30px;
	background-repeat:no-repeat;
	text-decoration:underline;
	color:#0000FF;
}

#header{
	z-index:10;
	position:relative;
	background-image:url(../images/contents/top/header.png);
	background-position:center;
	background-repeat:no-repeat;
	height:600px;
}

#header .body{
	position:relative;
	width:1000px;
	margin:0px auto;
}


/* search */
#header #search{
	position:absolute;
	top:30px;
	left:300px;
	background-image:url(../images/contents/top/search.png);
	width:490px;
	height:45px;
	padding:0px;
	text-align:left;
}

#header #search img{
	position:relative;
	top:8px;
	left:0px;
}

#header #search div.text{
	position:relative;
	left:10px;
	width:480px;
	line-height:45px;
	font-size:0.9em;
	margin:0px;
}

#header #description{
	position:relative;
	font-weight:normal; 
	width:550px;
	text-align:left;
	left:120px;
	top:0px;
	color:#ffffff;
	font-size:10pt;
	margin:0px;
	padding:0px;
	float:left;
	border:none;
}

#footer{
	background-image:url(../images/base/footer.png);
	background-position:center;
	background-repeat:repeat-y;
}

#footer .menu{
	float:left;
	width:960px;
	text-align:center;
	margin-top:20px;
}

#footer .copyright{
	text-align:right;
	margin-top:10px;
	color:#FFFFFF;
}

#footer div.body{
	position:relative;
	width:950px;
	margin:0px auto;
	text-align:left;
}

#footer address
{
	text-align:right;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
	float:left;
	width:940px;
}

#main{
	position:relative;
	z-index:5;
	margin:0px auto;
}

#main .body{
	background-image:url(../images/base/content_bg.png);
	background-repeat:repeat-y;
	width:1000px;
	background-position:center;
	margin:0px auto;
}

#main .body .footer{
	background-image:url(../images/base/content_footer.png);
	background-position:left bottom;
	margin-left:20px;
	padding-bottom:30px;
}

#main .body .footer .contact{
	background-image:url(../images/base/footer_contact.png);
	height:111px;
	width:799px;
	margin-left:80px;
	margin-top:30px;
	float:left;
	display:inline;
	margin-bottom:30px;
}

#main .body .footer .contact a{
	background-image:url(../images/base/footer_contact_btn.png);
	display:block;
	height:51px;
	left:530px;
	position:relative;
	top:48px;
	width:236px;
	float:left;
	display:inline;
}

#main .body .footer .contact a:hover{
	background-position:0px -51px;
}

#main .body .footer #area
{
	width:880px;
	margin:0px 0px 0px 40px;
	text-align:left;
	color:#ffffff;
}

#main .body .footer #area .label
{
	border-bottom:1px dashed #ffffff;
	margin:0px 0px 10px 0px;
}

#main .body .footer #area .label b
{
	color:#ffff00;
}

#main .body .footer #area .pref
{
	float:left;
	width:80px;
}

#main .body .footer #area .area
{
	float:left;
	width:800px;
}

/* 会社概要 */
#header a.company{
	position:relative;
	display:block;
	height:87px;
	width:140px;
	background-image:url(../images/base/company.png);
	left:185px;
	float:left;
}

#header a.company:hover{
	background-position:0px -87px;
}

/* old design */
BODY{
	text-align:center;
	margin:0px;
	padding:0px;
}


div.jump{
	background-image:url(../images/icon/right.png);
	height:32px;
	line-height:32px;
	padding-left:35px;
	font-weight:bold;
}

br.clear{
	clear:both;
}

IMG{
border-width:0px;
}

div{
background-repeat:no-repeat;
background-position:left top;
}

/* Define area */
DIV.body_area{
position:relative;
background-image:url("../images/base/ycom_bg.png");
background-repeat:repeat-y;
width:825px;
margin:0px auto;
text-align:left;
}

DIV.body_cont_area{
margin-left:12px;
}

/*-----seo対策-----*/

#description h1{
margin:0px 0px 0px 35px;
font-size:12px;
font-weight:normal;
line-height:20px;
color:#ffffff;
}

DIV.head_area{
background-image:url("../images/base/t_header.png");
background-repeat:no-repeat;
width:800px;
height:70px;
margin:0;
}

DIV.head_area p{
margin:0px;
float:left;
}

DIV.menu_area{
background-color:#88AAFF;
width:800px;
height:30px;
background-image: url(../images/g_menu/b_bg.png);
background-repeat:repeat-x;
margin:0px;
float:left;
}

DIV.main_area{
width:800px;
background-image:url("../images/base/main_c_bg.png");
background-repeat:repeat-y;
}

DIV.main_area2{
background-position: right;
background-image:url("../images/base/08contents_bg.png");
background-repeat:no-repeat;
width:800px;
min-height:600px;
height:600px;
}

DIV.left_area{
background-image:url(../images/base/left_menu_sub.png);
width:300px;
height:600px;
min-height:600px;
float:left;
margin:0px;
text-align:left;
}

DIV.left_text_area{
width:280px;
font-weight:bold;
color:#FFFFFF;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}

DIV.main_text_area{
margin:10px;
}

DIV.right_area{
width:480px;
float:left;
background-color:#e0e6f4;
margin:0px;
}

DIV.right_text_area{
width:480px;
float:left;
margin:15px 0px 0px 0px;
background-color:#e0e6f4;
}

DIV.foot_area{background-image:url("../images/base/t_footer.png");
width:800px;
height:30px;
text-align:center;
margin-bottom:0px;
clear:both;
}

DIV.foot_area	h6{
width:800px;
height:30px;
margin:0px;
padding:4px 10px 0px 0px;
color:#ffffff;font-size:small;
}

DIV.text_area{
margin:10px;
min-height:300px;
}


/* sub menu */
A.sub_menu			{color:#FFFFFF;font-weight:bold;}

/* text */
SPAN.caution	{color:red;}
DIV.small_text{

font-size:80%;
}

/* label */
DIV.green_label_area{
background-image:url(../images/icon/to_list_bg.png);
height:23px;
width:144px;
float:left;
background-repeat:no-repeat;
}



DIV.green_label_text	{margin:3px 10px;}
DIV.green_label_cont	{
margin:2px 10px 0px -2px;
width:230px;
float:left;
}

/* label */
DIV.green_plate_area	{
	background-image:url(../images/base/service_sl01.png);
	height:35px;
	width:450px;
	background-repeat:no-repeat;
	background-position:top;
}

DIV.green_plate_area .text{
	float:left;
	margin:10px auto auto 10px;
	font-weight:bold;
}

/*-----add-----*/

.about_ycom{
	width:450px;
	min-height:300px;
	margin:50px 5px 50px 5px;
}

.menu_green{
background-image:url(../images/icon/to_list_bg.png);
height:23px;
width:180px;
background-repeat:no-repeat;
padding:2px 0px 0px 10px;
float:left;
}

.our_business{
margin:-5px 0px 0px -20px;
width:240px;
float:left;
}

DIV.green_plate_text	{
	float:left;
	margin:10px auto auto 10px;
	font-weight:bold;
}

/*-----leftmenu-----*/

#sub_box{
	width:200px;
	margin:15px 0px 0px 0px;
	padding:0px;
	text-align:left;
	float:left;
}

#sub_box li{
	background-image:none;
	margin:0px;
	padding:0px;
}

/*-----Floatclear-----*/

.clear{
clear:both;
}

/*-----w3c-----*/

#w3c_mark{
background-image:url("../images/base/main_c_bg.png");
background-repeat:repeat-y;
width:800px;
height:33px;
text-align:right;
}


/* buttons */
a.b_template_view{
	display:block;
	background-image:url(../images/banner/b_template_view.png);
	height:35px;
	width:155px;
}

a.b_template_view:hover{
	background-position:0px -35px;
}

a.b_works{
	display:block;
	background-image:url(../images/banner/b_works.png);
	height:35px;
	width:155px;
}

a.b_works:hover{
	background-position:0px -35px;
}

/* logo for w3c validator */
#validate_logo{
	margin-bottom:20px;
	text-align:center;
	width:960px;
}

/* artile list */
#articles
{
	border-top:1px dotted #CCCCCC;
	padding:20px 0px;
}

#wall
{
	position: fixed;
	z-index:20;
	top: 130px;
	left: 0;
}

/* マウスーバーで拡大。ギャラリーで使う。 */
#screenshot{
	z-index:20;
}

/* マウスで拡大。HTMLダイアログ用。 */
#html_dlg
{
	display:none;
}

/* 無料訪問 */
#visit_dialog
{
	width:640px;
	text-align:left;
	padding:20px;	
}

#visit_dialog h1
{
	float:none;
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 20px 0px;
}

#visit_dialog strong
{
	font-size:14px;
	font-weight:bold;
	color:#F60;
}

#visit_dialog .tel
{
	font-size:20px;
	font-weight:bold;
	color:#0C0;
}

#visit_dialog table.area
{
	width:600px;
	margin:0px 0px 20px 0px;
}

#visit_dialog table.area th
{
	width:100px;
}

#visit_dialog .plans h2
{
	font-size:14px;
	font-weight:bold;
	color:#F60;
}

#main_footer .contact
{
	background-image:url(../images/base/main_footer_contact.png);
	width:650px;
	height:152px;
	margin:0px 0px 0px 20px;
}

#main_footer .contact a.area
{
	display:block;
	position:absolute;
	top:0px;
	left:405px;
	width:130px;
	height:80px;
}

#main_footer .contact a.mail
{
	display:block;
	position:absolute;
	top:80px;
	left:450px;
	width:180px;
	height:50px;
}