@charset "UTF-8";

/* サイトマップに関するCSS
--------------------------------------------------------------------------------*/
div#sitemap {
	letter-spacing: -0.5em;
}
div#sitemap div.sitemap_frame {
	border: 1px solid #c0c0c0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	padding: 15px 15px 10px;
}
div#sitemap p.home{
	margin:0 0 0 -2px;
	letter-spacing: normal;
}
div#sitemap dl{
	display: inline-block;
	letter-spacing: normal;
	margin:20px 0 5px 0;
	vertical-align: top;
	width:33%;
}
div#sitemap dl dt{
	font-weight:bold;
	background:url(../imgoa/sitemap/icon01.jpg) no-repeat;
	padding:5px 0 5px 25px; 
}
div#sitemap dl dd{
}
div#sitemap dl dd ul{
	margin:0;
}
div#sitemap dl dd ul li{
	background:url(../imgoa/sitemap/icon02.jpg) no-repeat left 8px;
	padding:5px 0 0 18px; 
}


/* 会社概要に関するCSS
--------------------------------------------------------------------------------*/
div#aboutus div.abouts_img {
	background:url(../imgoa/other/abouts_img.jpg) left top no-repeat;
	background-size: 100%;
	margin-bottom: 25px;
	width: 735px;
}
div.abouts_img ul {
	list-style-type: none;
	float: right; padding: 170px 8px 0 0;
}
div.abouts_img ul li {
	margin-top: 10px;
	line-height: 16px;
}
div.abouts_img ul li span {
	padding-left: 20px;
}
div.abouts_img ul li.ico_01 span {
	background:url(../imgoa/other/ico_01.png) left center no-repeat;
}
div.abouts_img ul li.ico_02 span {
	background:url(../imgoa/other/ico_02.png) left center no-repeat;
}
div.abouts_img ul li.ico_03 span {
	background:url(../imgoa/other/ico_03.png) left center no-repeat;
}
div.abouts_img ul li.ico_04 span {
	background:url(../imgoa/other/ico_04.png) left center no-repeat;
}
ul.about_oaland {overflow: hidden; margin-bottom: 30px;}
ul.about_oaland li {
	float: left;
	margin-right: 15px;
	width: 235px;
}
ul.about_oaland li:last-child {margin-right: 0 !important;}
ul.about_oaland li h4 {
	background: #eee; border: 1px solid #d2d2d2;
	font-size: 124%; line-height: 1;
	margin: 4px 0 10px; padding: 4px;
}
ul.about_oaland li h4 * {
	color: #d90000; font-size: 147%;
}
ul.about_oaland li p {margin: 0;}
ul.about_oaland li dl {
	margin: 0;
	overflow: hidden;
}
ul.about_oaland li dl dt {
	margin: 0 0 12px;
}
ul.about_oaland li dl dt.shop_map {
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	margin: 0 auto 12px;
	padding: 8px 0 7px 10px;
}
ul.about_oaland li dl dd p.title {
	color: #f39400;
	font-size: 108%; font-weight: bold;
}
ul.about_oaland li p.subttl {
	font-weight: bold; line-height: 1;
}


/* OAランドマガジン・OAランドカタログに関してのCSS
--------------------------------------------------------------------------------*/

div.oaland_magazine{
	margin: 15px 0 30px;
	width: 735px;
}
div.oaland_magazine div.cover{
	border: 1px solid #ccc;
	float: left;
	width: 262px;
}
div.oaland_magazine div.btn_area{
	float: right;
	margin-top: 1em;
	width: 430px;
}
div.oaland_magazine div.btn_area .op_text{
	margin: 0 10px 50px 0;
}
div.oaland_magazine div.btn_area strong{
	display: block;
	font-size: 138.5%;
}
div.oaland_magazine div.btn_area .btn_magazine{
	margin: 30px 75px 0;
}

div.magazine_back{}
div.magazine_back ul{
	margin-bottom: 13px;
	width: 735px;
	letter-spacing: -0.5em;
}
div.magazine_back ul li{
	display: inline-block;
	letter-spacing: normal;
	margin: 15px 13px 0 12px;
	width: 122px;
}
div.magazine_back ul li dl{
	margin: 0 0 13px;
}
div.magazine_back ul li dl dt{
	font-weight: bold;
	text-align: center;
}
div.magazine_back ul li dl .back_cover{
	border: 1px solid #ccc;
	margin: 5px 0;
}
div.magazine_back ul li dl .back_text{
	font-size: 85%;
}
div.magazine_back ul li dl .back_date{
	font-size: 85%;
	text-align: center;
}

div.magazine_recommend table.magazine_table{
	border-collapse:collapse;
	border:2px solid #dcdcdc;
	font-size:100%;
	width:735px;
}
div.magazine_recommend table.magazine_table th{
	border:1px solid #dcdcdc;
	padding:5px;
	background:#f0f0f0;
	width:181px;
}
div.magazine_recommend table.magazine_table .ttl_os{
	background: #fff;
	border:1px solid #ccc;
	font-weight: bold;
	text-align: center;
	width: 274px;
	padding:5px;
	line-height:1.5;
}
div.magazine_recommend table.magazine_table td{
	border:1px solid #ccc;
	padding:5px;
	line-height:1.5;
}


/* お得なメールマガジンに関してのCSS
--------------------------------------------------------------------------------*/

div.melmaga h3.ttl_melmaga {
	background: url(../imgoa/mailmagazine/ttl_melmaga.png) left center no-repeat;
	height: 70px;
	margin: 15px 0 0 0 0;
	width: 735px;
	text-indent: 100%; white-space: nowrap; overflow: hidden; margin: 20px 0 0;
	}
*+html h3.ttl_melmaga {text-indent: -9999px;} /* IE7 */

div.melmaga div.melmaga_main{
	border: 10px solid #efa62e;
	border-top: none !important;
	-moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
div.melmaga div.melmaga_main ul{
	margin: 0 15px;
}
div.melmaga div.melmaga_main ul li{
	background: url(../imgoa/mailmagazine/check.png) left 10px no-repeat;
	font-size: 124%;
	font-weight: bold;
	padding: 10px 0 0 25px;
}
div.melmaga div.melmaga_main .melmaga_sample{
	margin-left: 15px;
	padding: 5px 0;
}
div.melmaga div.melmaga_main .melmaga_sample a{
	padding-left: 15px;
	background: url(../imgoa/mailmagazine/arrow_circle.png) left center no-repeat;
}

div.melmaga div.melmaga_signup{
	border-bottom: 1px dotted #737373;
	padding-bottom: 10px;
}
div.melmaga div.melmaga_signup h4.ttl_signup{
	background: url(../imgoa/mailmagazine/ico_plus.png) left 4px no-repeat;
	font-size: 116%;
	font-weight: bold;
	margin: 0;
	padding-left: 18px;
}
div.melmaga .melmaga_text{
	margin: 0;
	padding: 0; 
}

div.melmaga div.melmaga_release{
	margin-top: 15px;
}
div.melmaga div.melmaga_release h4.ttl_release{
	background: url(../imgoa/mailmagazine/ico_minus.png) left 4px no-repeat; font-weight: bold;
	font-size: 116%;
	margin: 0;
	padding-left: 18px;
}

div.melmaga table.melmaga_table{
	border-collapse:collapse;
	border:2px solid #dcdcdc;
	font-size:100%;
	width:735px;
}
div.melmaga table.melmaga_table th{
	border:1px solid #dcdcdc;
	text-align:center;
	padding:10px;
	background:#f0f0f0;
	width:165px;
}
div.melmaga table.melmaga_table td{
	border:1px solid #cccccc;
	padding:10px;
	line-height:1.8;
}
div.melmaga table.melmaga_table td input[type="checkbox"] {
    margin: 3px 5px 0 0;
    vertical-align: text-top;
}
div.melmaga table.melmaga_table td span {
    display: block;
}
div.melmaga .mail_cyushaku{
	font-size: 85%;
}
div.melmaga .mail_addBox{
	width: 300px;
}