/*全体のレイアウト*/
html {
	overflow-y:scroll;
}

body {
	margin-top:0px;
	background:#FFFFFF url("/img/bg_body.gif") repeat-x;
	font-size: 12px;
	text-align:center;
}

#wrapper{
	width:750px;
	height:auto;
	margin:auto;
	background:url("/img/bg_menu.gif");
	text-align:left;
}

#narrowcolumn{
	width:200px;
	height:auto;
	float:left;
	margin:0;
}

#maincolumn{
	width:550px;
	height:auto;
	float:right;
	background:#FFFFFF;
}


#bottom{
	height:10px;
	clear:both;
	background:#FFFFFF;
}

#footer{
	width:750px;
	height:20px;
	margin:0;
	padding:5px;
	border-top:1px solid #CCCCCC;
	background:#FFFFFF url("/img/footer_name.gif") no-repeat;
	text-align:right;
	color:#999999;
}

/*メインカラム*/
#main{
	width:549px;
	height:auto;
	float:right;
	background:#FFFFFF;
	border-left:1px solid #FFFFFF;
}

#content{
	width:534px;
	height:auto;
	margin:15px 0 0px 15px;
}

#headtab{
	background:#FFFFFF url("/img/bg_body.gif") repeat-x;
	width:550px;
	height:47px;
	text-align:right;
}

.tab2corner{
	width:81px;
	height:18px;
	float:right;
	margin-left:5px;
}

.tab2corner2{
	width:107px;
	height:18px;
	float:right;
	margin-left:5px;
}

#pagetop{
	margin-top:10px;
	text-align:right;
}

#mainimage{
	width:549px;
	height:106px;
	margin-top:0px;
	clear:right;
}

#categorypassmob{
	width:549px;
	height:20px;
	margin:0;
	padding:3px 0 0 0;
	color:#666666;
	background:#E0E3E9;
}

#categorypasssys{
	width:549px;
	height:20px;
	margin:0;
	padding:3px 0 0 0;
	color:#666666;
	background:#EDE0E0;
}

#categorypasscom{
	width:549px;
	height:20px;
	margin:0;
	padding:3px 0 0 0;
	color:#666666;
	background:#E0DCE7;
}

#categorypasscon{
	width:549px;
	height:20px;
	margin:0;
	padding:3px 0 0 0;
	color:#666666;
	background:#EAE4DF;
}

#categorypassmed{
	width:549px;
	height:20px;
	margin:0;
	padding:3px 0 0 0;
	color:#666666;
	background:#E1FBEE;
}

#qr_code{
	float:left;
	margin-right:10px;
	border:1px solid #999999;
}

.hr{
	clear:both;
	width:530px;
	margin:10px 0;
	border-top:1px dotted #999999;
}

/*左カラム*/
#logo{
	width:200px;
	height:146px;
	margin:0px;
}
.menu{
	width:200px;
	height:31px;
	margin:0;
}

.submenu ul{
	margin:0;
	padding:0px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	background:#FFFFFF;

}

.submenu li{
	list-style-type: none;
	border-bottom:1px dotted #DDDDDD;
	margin:0 1px 0 1px;
	background:#FFFFFF;
	padding:8px 2px 8px 12px;
	
}

a.submenu{
	padding:2px 0 2px 10px;
	text-decoration: none;
	border-left:4px solid #CCCCCC;
	color:#666666;
	display:block;
}

ul.mobile li.selected{background:#E1EFF5;}
ul.system li.selected{background:#FAEBEB;}
ul.company li.selected{background:#E7E6F2;}
ul.media li.selected{background:#DAFFBB;}

ul.mobile li.selected a{border-left:4px solid #ABD7E9;}
ul.system li.selected a{border-left:4px solid #F0BFBF;}
ul.company li.selected a{border-left:4px solid #AFAAE3;}
ul.media li.selected a{border-left:4px solid #CCFF33;}

ul.mobile a:hover	{border-left:4px solid #ABD7E9;text-decoration:none;}
ul.system a:hover	{border-left:4px solid #F0BFBF;text-decoration:none;}
ul.company a:hover	{border-left:4px solid #AFAAE3;text-decoration:none;}
ul.media a:hover	{border-left:4px solid #CCFF33;text-decoration:none;}


/*テキスト系*/

h1{
	height:30px;
	padding-left:8px;
	font-size:16px;
}

h1.mobile{background:url("/img/bg_h1_mobile.gif") no-repeat 0 25px;}
h1.system{background:url("/img/bg_h1_system.gif") no-repeat 0 25px;}
h1.company{background:url("/img/bg_h1_company.gif") no-repeat 0 25px;}
h1.contact{background:url("/img/bg_h1_contact.gif") no-repeat 0 25px;}
h1.media{background:url("../img/bg_h1_media.gif") no-repeat 0 25px;}

div.desc{
	margin:0 0 25px 10px;
	font-size:14px;
	color:#333333;
}

.footnote{
	margin:0 0 0 25px;
	font-size:10px;
	color:#333333;
}

h2{
	height:28px;
	margin:20px 0 10px 0;
	padding:5px 0 0 8px;
	background:url("/img/bg_title.gif") no-repeat;
	font-size:16px;
	color:#444444;
}

h3{
	margin:20px 0 -5px 20px;
	padding:0;
	font-size:14px;
	color:#673467;
}

p.desc{
	height:auto;
	margin:0 0 10px 10px;
	padding:0;
	line-height:150%;
	color:#333333;
}

p.notice{
	height:auto;
	margin:0 0 10px 10px;
	padding:0;
	line-height:150%;
	color:#666666;
}

.red{
	color:#CC0000;
}

.bold{
	font-weight:bold;
	color:#673467;
}

ul.listmobile{
	margin:15px 0 0 20px;
	padding:0;
}

.listmobile li{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	list-style-type: none;
	background:url("/img/li_mobile.gif") no-repeat;
	color:#333333;
}

ul.listsystem{
	margin:15px 0 0 20px;
	padding:0;
}

.listsystem li{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	list-style-type: none;
	background:url("/img/li_system.gif") no-repeat;
	color:#333333;
}

ul.listcompany{
	margin:15px 0 0 20px;
	padding:0;
}

.listcompany li{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	list-style-type: none;
	background:url("/img/li_company.gif") no-repeat;
	color:#333333;
}

ul.listbasic{
	margin:0;
	padding:0;
}

.listbasic li{
	margin:0;
	padding:0 0 0 15px;
	list-style-type: none;
	background:url("/img/dot_vio.gif") no-repeat;
	color:#333333;
}

ul.sitemaptitle{
	margin:0px;
	padding:10px 0 10px 10px;
	background:#F6F6F6;
	border:1px solid #CCCCCC;
}

.sitemaptitle li{
	margin:0px;
	padding:2px 0 0 20px;
	list-style-type: none;
	background:url("/img/eye_gray.gif") no-repeat;
	color:#333333;
}

ul.listsitemap{
	margin:0 0 0 20px;
	padding:0;
}

.listsitemap li{
	margin:10px;
	padding:2px 0 0 20px;
	list-style-type: none;
	background:url("/img/eye_gray.gif") no-repeat;
	color:#333333;
}


ul.listmedia{
	margin:15px 0 0 20px;
	padding:0;
}

.listmedia li{
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	list-style-type: none;
	background:url("../img/li_media.gif") no-repeat;
	color:#333333;
}

.linklistsystem a{
	text-decoration: none;
	color:#333333;
}


ul.linklistsystem{
	margin:15px 0 0 20px;
	padding:0;
}

.linklistsystem li{
	height:25px;
	margin:0 0 10px 0;
	padding:2px 0 0 27px;
	list-style-type: none;
	background:url("/img/eye_system.gif") no-repeat;
	font-size:14px;
	color:#333333;
}

.linklistcompany a{
	text-decoration: none;
	color:#333333;
}

ul.linklistcompany{
	margin:15px 0 0 20px;
	padding:0;
}

.linklistcompany li{
	height:20px;
	margin:0 0 5px 0;
	padding:3px 0 0 27px;
	list-style-type: none;
	background:url("/img/eye_company.gif") no-repeat;
	font-size:14px;
	color:#333333;
}

ul.capmobile{
	width:135px;
	margin:5px 0 0 0px;
	padding:0;
}

.capmobile li{
	margin:0 0 10px 0;
	padding:0 0 0 12px;
	list-style-type: none;
	background:url("/img/eye_mobile.gif") no-repeat;
	color:#333333;
}

ul.capsystem{
	margin:5px 0 0 0px;
	padding:0;
}

.capsystem li{
	margin:0 0 10px 20px;
	padding:0 0 0 15px;
	list-style-type: none;
	background:url("/img/eye_mobile.gif") no-repeat;
	color:#666666;
}

ol.policy{
	line-height:150%;
	color:#333333;
	margin:0;
	padding:0 5px 10px 25px;

}
ol.policy li{
	margin:5px 0 10px 0;
	padding:0;
}

.service_name{
	font-weight:bold;
	line-height:150%;
}

.service{
	margin:0;
}

/*テーブル*/
table.note{
	width:500px;
	margin:0 10px 0 10px;
	font-size:12px;
}

.note th{
	padding:8px;
	border-bottom:1px dotted #CCCCCC;
	font-weight:normal;
	color:#673467;
	text-align:left;
	vertical-align: top;
	line-height:150%;
}
.note td{
	padding:8px;
	border-bottom:1px dotted #CCCCCC;
	line-height:150%;
	color:#333333;
}

table.history{
	width:515px;
	margin:0 0px 0 10px;
	font-size:12px;
}

.history th{
	width:60px;
	padding:3px;
	font-weight:normal;
	color:#673467;
	text-align:right;
	vertical-align: top;
	line-height:150%;
}

.history th.december{border-top:1px dotted #CCCCCC;}

.history td{
	padding:3px;
	line-height:150%;
	color:#333333;
}

.history td.december{border-top:1px dotted #CCCCCC;}

table.table{
	width:500px;
	margin:15px 10px 0 20px;
	border-collapse: collapse;
	border:1px solid #CCCCCC;
	font-size:12px;
}

.table th{
	width:100px;
	padding:8px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background:#EEEEEE;
	font-weight:normal;
	color:#333333;
	text-align:left;
	vertical-align: top;
	line-height:150%;
}
.table td{
	padding:8px;
	border-bottom:1px solid #CCCCCC;
	line-height:150%;
	color:#333333;
}

.table th.title{background:#E8E8EE;}
.table td.title{background:#E8E8EE;}


table.contact{
	width:500px;
	margin:0 0px 0 10px;
	font-size:12px;
}

.contact th{
	width:150px;
	padding:5px;
	font-weight:normal;
	color:#333333;
	text-align:right;
	vertical-align: top;
	line-height:150%;
}

.contact td{
	padding:5px;
	line-height:150%;
	color:#333333;
}


div.formaction{
	width:100%;
	margin:10px 0 10px 0;
	padding:10px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	background:#EEEEEE;
	text-align:center;
}

/*お問い合わせボタン*/
#contactbox{
	width:532px;
	margin:30px 0 0 0;
	border:1px solid #F9A6A2;
}

.boxtitle{
	padding:5px;
	background:#FDE4E3;
	text-align:center;
	color:#B4140C;
	font-weight:bold;
}

.boxbody{
	padding:5px 15px;
	background:#FFFFFF;
	text-align:center;
	color:#666666;
	line-height:200%;
}


/*インプット*/
input.ime1{
	width:100%;
	ime-mode: active; /* japanese mode(IE only) */
}
input.ime2{
	width:100%;
	ime-mode: inactive; /* english mode(IE only) */
}
textarea.ime1{
	width:100%;
	ime-mode: active; /* japanese mode(IE only) */
}


/*共通*/
form{margin:0;}
input.max{width:100%;}
textarea.max{width:100%;}
input.bt_default{font-weight:bold;cursor: pointer;}

div.left{float:left;}
div.right{float:right;}
div.aright{text-align:right;color:#333333;}

div.left370{
	width:370px;
	margin:0;
	float:left;
}

div.right140{
	width:140px;
	float:right;
}

div.left340{
	width:340px;
	margin:0;
	float:left;
}

div.right170{
	width:170px;
	float:right;
}

div.left150{
	width:150px;
	float:left;
}

div.right370{
	width:370px;
	margin-bottom:10px;
	float:right;
}

a{color:#0066CC;}
a:hover{text-decoration:underline;}

img{
	border:0;
	margin:0;
}

.clear{clear:both;}
.clearrh{clear:right;}
.clearlh{clear:left;}