@charset "utf-8";

/*-----------------------------------------------------
Main
-------------------------------------------------------*/

/*-------------------------------------
sitemap
---------------------------------------*/
div.map-list{
	margin-bottom:30px;
}

/*
title
--------------------*/
div.map-list h3{
	clear:both;
	width:880px;
	height:27px;
	padding:10px 0 0 20px;
	background:url("/cmn/images/common/bg_ttl_900.jpg") no-repeat top left;
}
div.map-list h3 a{
	font-weight:bold;
	text-decoration:none;
}

/*
list
--------------------*/
div.map-list div.list-box2,
div.map-list div.list-box3{
	clear:both;
	display:inline-block;
	width:860px;
	padding:20px 20px 15px 20px;
	background:url("/cmn/images/common/bg_border_dotted.gif") repeat-x left bottom;
}
div.map-list div.list-box2 h4,
div.map-list div.list-box3 h4{
	float:left;
	width:200px;
	font-weight:bold;
}
div.map-list div.list-box2 ul,
div.map-list div.list-box3 ul{
	float:right;
	width:660px;
}
div.map-list div.list-box2 li,
div.map-list div.list-box3 li{
	float:left;
	padding:0 15px;
	background:url("/cmn/images/common/side_icon_arrow.gif") no-repeat 0 5px;
	margin:0 0 5px 0;
}
div.map-list div.list-box2 li{
	width:300px;
}
div.map-list div.list-box3 li{
	width:190px;
}


/*-------------------------------------
privacypolicy
---------------------------------------*/
div.policy-box{
	margin-bottom:30px;
}
div.policy-box h3{
	clear:both;
	width:650px;
	height:27px;
	padding:10px 0 0 10px;
	background:url("/cmn/images/common/bg_ttl_660.jpg") no-repeat top left;
	font-weight:bold;
	margin-bottom:10px;
}
div.policy-box p{
	padding:10px 10px 0;
	line-height:1.6;
}
div.policy-box p.t-right{
	text-align:right;
}
div.policy-box ul{
	list-style-type:circle;
	list-style-position:outside;
	padding:10px 10px 0 30px;
}
div.policy-box ol{
	list-style-type:decimal;
	list-style-position:outside;
	padding:10px 10px 0 30px;
}
div.policy-box ul li{
	list-style-type:disc;
	list-style-position:outside;
	margin-bottom:5px;
	line-height:1.6;
}
div.policy-box ol li{
	list-style-type:decimal;
	list-style-position:outside;
	margin-bottom:5px;
	line-height:1.6;
}
div.policy-box ol li ol li{
	list-style-type:none;
	list-style-position:outside;
	margin-bottom:5px;
	line-height:1.6;
}


/*-------------------------------------
about
---------------------------------------*/
div.about-box {
	margin-bottom:30px;
}
div.about-box p{
	padding:0 10px;
	line-height:1.6;
}
div.about-box ul{
	list-style-type:disc;
	list-style-position:outside;
	padding:10px 10px 0 30px;
}
div.about-box li{
	list-style-type:disc;
	list-style-position:outside;
	margin-bottom:5px;
	line-height:1.6;
}

div.about-box ol{
	list-style-type:decimal;
	list-style-position:outside;
	padding:10px 10px 0 30px;
}
div.about-box ol li{
	list-style-type:decimal;
	list-style-position:outside;
	margin-bottom:5px;
	line-height:1.6;
}


/*-------------------------------------
beef
---------------------------------------*/
div.beef-box {
	margin-bottom:30px;
	padding:0 10px;
}
div.beef-box p{
	line-height:1.6;
	margin-bottom:10px;
}
div.beef-box h3{
	width:880px;
	text-align:center;
	font-weight:bold;
	padding:20px 0 10px;
}

/*
table
--------------------*/
div.beef-box table{
	width:800px;
	margin:0 auto;
	background:#CCCCCC;
}
div.beef-box table th,
div.beef-box table td{
	padding:5px 10px 5px 10px;
	background-color:#FFFFFF;
}
div.beef-box table th{
	width:50%;
	vertical-align:top;
	text-align:center;
	border:1px solid #FFFFFF;
	background-color:#FFF4D9;
	font-weight:bold;
}

/*-------------------------------------
requirement
---------------------------------------*/
div.requirement-box{
	margin:15px 0 30px 0;
}
div.requirement-box h3{
	clear:both;
	width:650px;
	height:27px;
	padding:10px 0 0 10px;
	background:url("/cmn/images/common/bg_ttl_660.jpg") no-repeat top left;
	font-weight:bold;
	margin-bottom:10px;
}
div.requirement-box p{
	padding:10px 10px 0;
	line-height:1.6;
}
div.requirement-box dl{
	width:640px;
	margin-left:20px;
}
div.requirement-box dl dt.win{
    background:url(../images/win.gif) 0 0 no-repeat;
	width:100px;
	height:20px;
	float:left;
	text-indent:-9999px;
	margin-top:20px;
}
div.requirement-box dl dt.mac{
    background:url(../images/mac.gif) 0 0 no-repeat;
	width:100px;
	height:20px;
	float:left;
	text-indent:-9999px;
	margin-top:20px;
}
div.requirement-box dl dd{
	float:left;
}
div.requirement-box dl dd.chrome{
    background: url(../images/ico_chrome.png) 0 0 no-repeat;
    background-size: 50px 50px;
	width: 200px;
	height: 54px;
	padding-left: 60px;
	padding-top: 18px;
	margin-top: 10px;
}
div.requirement-box dl dd.ff{
    background: url(../images/ico_ff.png) 0 0 no-repeat;
    background-size: 50px 50px;
	width: 200px;
	height: 54px;
	padding-left: 60px;
	padding-top: 18px;
	margin-top: 10px;
}
div.requirement-box dl dd.edge{
    background: url(../images/ico_edge.png) 0 0 no-repeat;
    background-size: 50px 50px;
	width: 200px;
	height: 54px;
	padding-left: 60px;
	padding-top: 18px;
}
div.requirement-box dl dd.safari{
    background: url(../images/ico_safari.png) 0 0 no-repeat;
    background-size: 50px 50px;
	width: 200px;
	height: 54px;
	padding-left: 60px;
	padding-top: 18px;
}

div.requirement-box dl.plagin{
	margin:10px 0 10px 15px;
}
div.requirement-box dl.plagin dt{float:left;margin-right:5px;}
div.requirement-box dl.plagin dd{
	float:left;
    padding-top:5px;
	padding-right:25px;
}