/***** ベース *****/
body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#EEE;
	color:#333333;
}
body, th, td, li, div, address {
	font:12px/20px "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}
form, input {
	font:12px/16px "ＭＳ Ｐゴシック", Verdana, Arial, sans-serif;
}
textarea {
	font:12px/18px "ＭＳ Ｐゴシック", "ヒラギノ明朝 Pro W6", "Osaka", "trebuchet MS", "trebuchet", "verdana", "arial", "sans-serif";
}
p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, form {
	margin:0;
	padding:0;
}
img {
	border:none;
}
.Clear {
	clear:both;
	height:0;
	line-height:0;
}
.Clear hr {
	display:none;
}
.ValignTop {
vertical-align:top;
}
.Center {
text-align:center;
}
.Right {
text-align:right;
}
/********** リンク **********/
a:link, a:active {
	color:#0066cc;	
	text-decoration:none;
}
a:visited {
	color:#0066cc;
	text-decoration:none;
}
a:hover {
	color:#cc6600;
	text-decoration:none;
}
/********** レイアウト **********/
#container {
	width:800px;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	border-right:1px solid #333;
	border-left:1px solid #333;
         letter-spacing:0.1em;
}
#PageBody {
	margin-bottom:10px;
	width:auto;
}
#MainWrap {
	width:575px;
	float:left;
}
#SideWrapAlpha {
	width:215px;
	float:right;
         border-left:1px solid #DDD;
}
#MainWrapInner {
	margin:0 5px;
}
#SideWrapInner {
	margin:5px;
}

/* Utilities */

.pkg:after, #content-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.pkg, #content-inner { display: inline-block; }
/* no ie mac \*/
* html .pkg, * html #content-inner { height: 1%; }
.pkg, #content-inner { display: block; }
/* */


/********** ヘッダー **********/
#Headline {
	padding:0 10px;
	color:#999;
	line-height:20px;
	text-align:left;
}
#Headline h1, #Headline p {
	font-size:10px;
	display:inline;
         font-weight:bold;
}
#Header {
	margin:0 0 10px;
}
#Logo {
	padding:5px 10px;
	float:left;
}
#HeadAdd {
	float:right;
}
#SiteName {
	font-size:20px;
	font-weight:bold;
	line-height:60px;
}
#SiteName a:link, #SiteName a:active, #SiteName a:visited {
	color:#ff3366;
}
#SiteName a:hover {
	color:#cc6600;
}
/********** ナビバー **********/
#Navibar {
	margin:0px;
	padding:0 15px;
	height:35px;
	background:url('http://info.at-r.net/image/GNavi/GnaviBack.gif') left top no-repeat;
	line-height:35px;
	border-bottom:5px solid #CCC;
	clear:both;
}
#Navibar p {
	width:120px;
	height:35px;
	overflow:hidden;
	float:left;
}
#Navibar p a {
	display:block;
	width:120px;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
	overflow: hidden;
}
#Navibar #NaviAsp a {background:url('http://info.at-r.net/image/GNavi/AspOn.gif') left top no-repeat;}
#Navibar #NaviAsite a {background:url('http://info.at-r.net/image/GNavi/AsiteOn.gif') left top no-repeat;}
#Navibar #NaviInetAsp a {background:url('http://info.at-r.net/image/GNavi/InetAspOn.gif') left top no-repeat;}
#Navibar #NaviRinen a {background:url('http://info.at-r.net/image/GNavi/RinenOn.gif') left top no-repeat;}
#Navibar #NaviAbout a {background:url('http://info.at-r.net/image/GNavi/AboutOn.gif') left top no-repeat;}

#Navibar #NaviAsp a:hover,
#Navibar #NaviAsite a:hover,
#Navibar #NaviInetAsp a:hover,
#Navibar #NaviRinen a:hover,
#Navibar #NaviAbout a:hover {
background-position:0 100px;
}
/********** パンくず **********/
.pankuzu {
	font-size:11px;
	margin:0 0 10px 0;
	padding:0px 10px;
	border-bottom:1px solid #EEE;
}

/********** メインスペース **********/
.Section, asset-body {
	margin:5px 0 14px;
}
.Section p, asset-body p {
	margin:0 0 0 10px;
}
.Section li, asset-body li {
	margin-left:25px;
}
.Section h3,.Section h1,.asset-header h1 {
	padding:0 0 5px 20px;
	font-size:16px;
	font-weight:bold;
	line-height:25px;
	color:#333;
	background:url('http://info.at-r.net/image/Label/MainLabel.gif') left bottom no-repeat;
}
.TopForEC {
	float:left;
	width:280px;
}
.TopForAF {
	float:right;
	width:280px;
}
.TopForEC h3, .TopForAF h3 {
	padding:0 0 0 10px;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	color:#333;
}
.TopForEC h3 {
	background:url('image/ForCompany.gif') left bottom no-repeat;
}
.TopForAF h3 {
	background:url('image/ForAffiliate.gif') left bottom no-repeat;
}
.TopForEC p, .TopForAF p {
	text-align:left;
}

.BYellow{
background-color:#FFC;
}
/********** DIV　Float **********/
.FRight{
float:right;
}
.FLeft{
float:left;
}

/********** テーブル **********/
.Hyou{
width:500px;
background:#ccc;
}

.Hyou th{
width:100px;
vertical-align:top;
background:#ffffcc;
font-weight:bold;
color:#990000;
line-height:16px;
}
.Hyou td{
background:#ffffff;
line-height:16px;
}

.HyouNosize{
background:#ccc;
}

.HyouNosize th{
vertical-align:top;
background:#ffffcc;
font-weight:bold;
color:#990000;
line-height:16px;
}
.HyouNosize td{
background:#ffffff;
line-height:16px;
}
.Hyou span, .HyouNosize span{
color:#F00;
font-size:12px;
}
/********** 沿革 **********/
.enkaku dt{
	width:70px;
	float:left;
	clear:left;
}

.enkaku dd{
	margin-left:5px;
}

/********** ウェブサイトアーカイブ **********/
.WBParc {
margin:10px 0x 10px 30px;
}
.WBParc h2 {
padding-left:8px;
background-image:url(http://info.at-r.net/image/webLink.gif);
background-position:0 2px;
background-repeat:no-repeat;
}
.WBParc p {
margin:5px 0px 0px 15px;
}

/* Assets */

.asset-content {
	padding:10px 0 0 15px;
}
.asset-body p {
	margin-bottom:10px;
}

.asset-body h2{
font-size:15px;
text-decoration:underline;
}

.asset-footer,
.asset-meta {
    font-size: 11px;
}

.asset-meta {
    margin-top: .25em;
    padding-top: 2px;
    padding-bottom: .3em;
    font-weight: normal;
}

.asset-footer {
    margin-top: 1.5em;
    padding-top: .5em;
}

.content-nav {
    text-align: center;
}

.entry-tags-header,
.entry-categories-header {
    margin-bottom: 0;
    margin-right: .25em;
    display: inline;
    font-weight: bold;
}

.entry-tags-list,
.entry-categories-list {
    display: inline;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.entry-tags-list .entry-tag,
.entry-categories-list .entry-category {
    display: inline;
}

.mt-image-left {
    float: left;
    margin: 0 20px 20px 0;
}

.mt-image-center {
    display: block;
    margin: 0 auto 20px;
    text-align: center;
}

.mt-image-right {
    float: right;
    margin: 0 0 20px 20px;
}


/* Feedback */

.comments-open label {
    display: block;
}

#comment-author, #comment-email, #comment-url, #comment-text {
    width: 80%;
}

#comment-bake-cookie {
    margin-left: 0;
    vertical-align: middle;
}

#comment-submit {
    font-weight: bold;
}


/* Widgets */

.widget-powered{
border:1px solid #32789C;
background-color:#C8D0D4;
text-align:center;
padding:5px;
font-size:12px;
}


.widget {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.widget-content {
    position: relative;
    margin: 5px 0 20px;
}

.widget-list,
.archive-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget-list .widget-list {
    margin-left: 15px;
}

.widget-list-item {
    margin-top: 5px;
    margin-bottom: 5px;
}

.widget-cloud .widget-list {
    margin-right: 0;
    margin-left: 0;
}

.widget-cloud .widget-list-item {
    display: inline;
    margin: 0 5px 0 0;
    padding: 0;
    line-height: 1.2;
    background: none;
}

.widget-cloud .rank-1  { font-size: 1.75em; }
.widget-cloud .rank-2  { font-size: 1.75em; }
.widget-cloud .rank-3  { font-size: 1.625em; }
.widget-cloud .rank-4  { font-size: 1.5em; }
.widget-cloud .rank-5  { font-size: 1.375em; }
.widget-cloud .rank-6  { font-size: 1.25em; }
.widget-cloud .rank-7  { font-size: 1.125em; }
.widget-cloud .rank-8  { font-size: 1em; }
.widget-cloud .rank-9  { font-size: 0.95em; }
.widget-cloud .rank-10 { font-size: 0.9em; }

#footer .widget-content {
    margin-top: 0;
    margin-bottom: 0;
}

.widget-assets .widget-content .widget-list {
    overflow: auto;
    margin-right: 0;
}

.item {
    display: inline;
    float: left;
    margin: 0pt 5px 8px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 70px;
}

.widget-search .search-options,
.widget-syndicate .blog-feeds  {
    list-style: none;
    margin: 5px 0;
}


/********** サイドバー **********/
.ModuleWrap {
	margin-bottom:15px;
}
.webCate {
	font-size:13px;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:5px;
	background:url('http://info.at-r.net/image/webCate.gif') 0 3px no-repeat;
}
.webCate a:link, .webCate a:active, .webCate a:visited {
	color:#000;	
	text-decoration:none;
}
.webCate a:hover {
	color:#999;
	text-decoration:none;
}

.webLink{
	margin-bottom:20px;
}
.webLink ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

.webLink li{
	margin:0px;
	padding-left:10px;
	list-style:none;
}
.webLinkNoOver{
	background-image:url(http://info.at-r.net/image/webLink.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}
.webLinkOver{
	background-image:url(http://info.at-r.net/image/webLinkOver.gif);
	background-position:0 2px;
	background-repeat:no-repeat;
}

.ModuleWrap h4 {
	padding:0 0 1px 23px;
	font-size:13px;
	font-weight:bold;
	line-height:28px;
	color:#FFF;
	background:url('http://info.at-r.net/image/Label/MenuLabel.gif') left bottom no-repeat;
}
.ModuleBody {
	background-color:#fff;
}
.ModuleBody p {
	padding-left:5px;
}
.ModuleBody li, .ModuleASP li {
	margin-left:18px;
}
.ModuleASP {
	background:url('http://info.at-r.net/image/AfLoginBack.gif') left top no-repeat;
	padding-top:50px;
}
.LoginArea {
	padding:0 8px;
	text-align:center;
}
.AfLogin {
	float:left;
}
.EcLogin {
	float:right;
}
.AfLogin a:hover, .EcLogin a:hover {
	position:relative;
	top:2px;
	left:2px;
}
/********** フッター **********/
#Footer {
	padding:20px 0;
	font-size:10px;
	font-style:normal;
	text-align:center;
	background:#ffffff;
	border-top:1px solid #CCCCCC;
}
#Footer address, #Footer p {
	font-size:10px;
	font-style:normal;
}

/***********ドロップダウンメニュー************/
.dropmenudiv_b{
position:absolute;
top: -10px;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 180px;
visibility: hidden;
}

.dropmenudiv_b a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color:#0066cc;	
}

* html .dropmenudiv_b a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_b a:hover{ /*THEME CHANGE HERE*/
background-color: #edf3f3;
color:#cc6600;
}

/***********トップページFeaturedContentSlider************/
.contentslide{
border: 1px solid #333;
border-bottom:none;
padding:0;
width: 570px;
height: 230px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.pagination{
width: 570px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
text-align: right;
background-color: #333;
padding: 4px 1px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 570px; /*IE5 width*/
w\idth: 570px; /*IE6 width*/
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #2e6ab1;
background-color: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}



























