@charset "UTF-8";

/*  
Theme Name:ATR DCN
Theme URI:http://www.cns.atr.jp/dcn/
Description:オリジナルテーマファイル
Version:1.3
Author:Go Imai
Author URI:http://www.studiobrain.net/
*/

@import url("cms-navigation.css");
@import url("cms-navigation-base.css");


/***** Reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}
body{line-height:1}
blockquote, q{quotes:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
caption{width:100%}



/***** 共通のタグ CommonTag *****/
body{font:95%/155% "MS PGothic", "Helvetica Neue", Arial, Helvetica, Geneva, "Hiragino Kaku Gothic Pro", sans-serif;background:url(img/bg.gif) repeat-x}
h1,h2,h3,h4,h5,h6,p{margin:15px 0;padding:0}
a{outline:none;color:#666;text-decoration:underline}
a:hover{color:#999;text-decoration:none}
p{}
h1{font-size:100%;line-height:100%}
h2{font-size:100%;line-height:100%}
h3{font-size:140%;line-height:100%;color:#333}
h4{font-size:105%;line-height:100%;color:#333}
h5{font-size:100%;line-height:100%;color:#333}
h6{font-size:75%;line-height:100%}
small{font-size:80%}
big{font-size:130%}
a.more-link{} 
ul{list-style-position:outside;padding:0 0 0 25px;list-style-type:disc;line-height:140%;margin:15px 0}
ol{list-style-position:outside;margin:15px 0;padding:0 0 0 30px;list-style-type:decimal;line-height:140%}
ul ul,ol ol,ul ol,ol ul{padding-left:3%}
blockquote{margin:15px 0;background-color:#fbf6f5;border:1px solid #cea39e;clear:both;padding:10px 10px 0;color:#333;font-size:85%}
blockquote p{margin:0;padding:0px 0px 10px}
blockquote ol,blockquote ul{margin:0;padding:0px 0px 10px 25px}
hr{margin:40px auto;border-style:none;height:1px;background-color:#999;clear:both}
.clear{clear:both}
.clear hr{display:none}


/***** スペース領域 AreaSpace *****/
#body{text-align:center}
#header,#footer{clear:both;margin:auto;width:950px;text-align:left}
#container{width:950px;margin:auto;text-align:left;clear:both}
#main{text-align:left;overflow:hidden;width:670px;float:left;padding:0;margin-bottom:30px}
#sidebar{float:right;width:250px;overflow:hidden;margin:30px 0}
#wrap{clear:both;float:left;width:100%;overflow:hidden}
#pagewrap{clear:both;float:left;overflow:hidden;width:100%;padding-bottom:30px}




/***** ヘッダー Header *****/
#header{height:180px}
#header .atr a{width:115px;height:69px;border-top:5px solid #f22100;float:left;margin:0 5px 0 0;text-indent:-9999px;background:url(img/atr-logo.gif) no-repeat}
#header #header-left{float:left;width:auto;height:49px;}
#header .header_ttl a{margin:0;padding:0;float:left;height:42px;width:580px;text-align:left;text-indent:-9999px;background:url(img/title.gif) no-repeat}
#header .header_ttl{float:left;width:auto;margin:0}
#header .header_description{color:#333;font-weight:normal;font-style:normal;margin:0;padding:18px 0 0 8px;font-size:70%;float:left;line-height:100%;width:auto}


/***** Headbar *****/
#headbar{text-align:left;height:25px;border-style:none;float:left;width:830px}
#headbar ul{padding:0 0 0 153px;margin:0;height:5px;background:url(img/headbar_bg.gif) repeat-x left top;}
#headbar ul li{display:inline}
#headbar ul li a{float:left;text-decoration:none;color:#fff;text-align:center;width:67px;font:11px/100% "Lucida Grande", Lucida, Verdana, sans-serif;padding:1px 0;margin:0;border-right-style:solid;border-right-width:1px}
#headbar ul li a:hover{font-size:13px}
#headbar ul li.active a{font-size:13px;padding:2px 0}
#headbar ul li.atrtop a{background-color:#333333;border-left:1px solid #fff;}
#headbar ul li.top a{background-color:#333333}
#headbar ul li.dni a{background-color:#920000}
#headbar ul li.bri a{background-color:#e98112}
#headbar ul li.decnef a{background-color:#ff4500}
#headbar ul li.dcn a{background-color:#489d0a}
#headbar ul li.dbi a{background-color:#99cc00}
#headbar ul li.ncd a{background-color:#00a497}
#headbar ul li.cbi a{background-color:#2579e0}


/*言語セレクター*/
#header #header-right{float:right;text-align:right;padding:10px 0 0;width:250px;height:30px}
#header_language_list{font-size:80%;padding:7px 0;text-align:center;background-color:#000;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
#header_language_list ul{list-style-type:none;margin:0;padding:0;color:#fff}
#header_language_list ul li img{margin-right:5px}
#header_language_list ul li{display:inline;margin:0 5px;font-size:12px;line-height:12px;white-space:nowrap}
#header_language_list ul li a,#header_language_list ul li a:visited{text-decoration:underline;color:#ccc;font-size:11px}
#header_language_list ul li a:hover, #header_language_list ul li a:active{color:#bbb;text-decoration:none}
span.icl_lang_sel_current{font-weight:bold;color:#eee}


/*ナビゲーション*/
#header_navi{clear:both;height:70px;background:url(img/header-navi.gif) no-repeat}


/***** フッター Footer *****/
#footer{padding:8px 0 50px;margin-top:30px;font:10px/100% "MS PGothic", "Lucida Grande", Lucida, Verdana, sans-serif;color:#333;border-top:5px solid #6c6c6c;}
#footer .address {float:left;padding:0 0 5px;}
#footer .address span{font-weight:bold;font-size:11px;}
#footer .copyright {float:right;font-size:11px;}
#footer .address-en {float:left;clear:both;white-space:nowrap;}
#footer .address-en span{font-weight:bold;font-size:11px;}


/***** コンテンツ Content *****/
.pagename{font-size:130%;font-weight:bold;padding:15px 15px 5px 0;clear:both;color:#333;overflow:hidden;line-height:100%;border-bottom:1px solid #333;margin:0 0 15px;background:url(img/pagename_bg.gif) no-repeat right bottom}
.pagename a{color:#333;text-decoration:none}
.pagename a:hover{color:#666;text-decoration:none}

.content{clear:both;font-size:95%;line-height:160%;color:#333;padding:20px 0 20px 20px}
.title{font-size:140%;line-height:100%;color:#333;padding:20px 0 0;background-repeat:no-repeat;border-top:1px solid #333;margin-top:0;clear:both}

.title a{color:#333;font-size:100%;line-height:100%;text-decoration:none}
.title a:hover{color:#555;text-decoration: underline} 
.postmetadata{margin:0;color:#555;clear:both;padding:0;font-size:80%;line-height:140%;float:left;height:23px;overflow:hidden}
.postmetadata .date{background-color:#333;color:#fff;padding:4px 15px;float:left;margin-right:5px;font-size:15px;line-height:15px;height:30px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
.postmetadata a{background-color:#666;color:#fff;text-decoration:none;padding:4px 10px 15px;float:left;font-size:11px;line-height:11px;margin-top:5px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
.postmetadata a:hover{background-color:#999;color:#fff}


.gallery-item .attachment-thumbnail{border:1px solid #000;margin:4px}
.gallery-item .gallery-caption{font-size:11px;line-height:13px}



/*サイドイメージ*/
#sidebar .module_title{margin:0 0 10px;color:#fff;font:15px/15px "Lucida Grande", Lucida, Verdana, sans-serif;padding:6px;background:#323232 url(img/widget_top.gif) no-repeat;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
#sidebar .widget{margin:0 0 20px}
#sidebar ul{margin:0;padding:0;font-size:80%;color:#333;list-style-type:none}
#sidebar ul li{padding:0;margin:3px 0}
#sidebar ul li a{color:#333;text-decoration:none}
#sidebar ul li a:hover{color:#666;text-decoration:underline}

/*検索ウィジェット*/
#search-1,#search-2,#search-3,#search-4,#search-5,#search-6,#search-7,#search-8,#search-9,#search-10{background-color:#333;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}
#search-1 p.module_title,
#search-2 p.module_title,
#search-3 p.module_title,
#search-4 p.module_title,
#search-5 p.module_title,
#search-6 p.module_title,
#search-7 p.module_title,
#search-8 p.module_title,
#search-9 p.module_title,
#search-10 p.module_title{margin:0}
#searchform{padding:0 0 5px 6px}
#searchform label.screen-reader-text{display:none}
#searchform input#s{border-style:none;font-size:95%;line-height:100%;width:195px;margin:0;float:left;padding:2px}
#searchform #searchsubmit{background:url(img/search-btn.gif) no-repeat center center;border-style:none;text-indent:-9999px;font-size:1px;line-height:1px;width:40px;height:23px;margin:-1px 0 0;cursor:pointer}

/*カレンダーウィジェット*/
#wp-calendar{width:249px}
#wp-calendar th{text-align:center;background-color:#999;color:#fff;font-size:10px;line-height:16px;border:1px solid #999}
#wp-calendar caption{font-size:85%;line-height:150%;color:#333}
#wp-calendar td{text-align:center;font-size:13px;border:1px solid #ccc;line-height:24px}
#wp-calendar tfoot td{border-style:none}



/*ナビゲーション Navi*/
.navigation{clear:both;text-align:center;font-size:80%;white-space:nowrap;float:left;width:100%;padding:0;margin-top:20px}
.navigation div.wp-pagenavi span.pages{padding:2px;font-weight:normal;font-style:normal}
.navigation div.wp-pagenavi span.current{font-weight:normal;font-style:normal;background-color:#ccc;color:#fff;border-color:#972b7e;padding:2px 10px}
.navigation div.wp-pagenavi a{padding:2px 10px;color:#333;border-color:#972b7e}
.navigation div.wp-pagenavi a:hover{padding:2px 10px;background-color:#ccc;color:#fff;border-color:#972b7e}
.navigation div.alignright a{float:right;color:#fff;background-color:#ccc;padding:4px 60px 4px 10px;font-size:90%;line-height:100%;width:auto}
.navigation div.alignleft a{float:left;color:#fff;background-color:#ccc;padding:4px 10px 4px 60px;font-size:90%;line-height:100%;width:auto}

.navigation div.alignright a:hover{}
.navigation div.alignleft a:hover{}

.totop{text-align:right;padding:20px 0;clear:both}
.totop a{color:#999;font-size:80%;text-decoration:underline}
.totop a:hover{text-decoration:none}



/*テーブルスタイル*/
.table1{border:1px solid #999;border-right-style:none;border-bottom-style:none;margin:15px 0;font-size:90%;width:680px}
.table1 a{text-decoration:underline}
.table1 td{border:1px solid #999;border-top-style:none;border-left-style:none;padding:10px}
td.sell-1{background-color:#eee;white-space:nowrap}
td.sell-2{background-color:#fffce7}
td.sell-3{background-color:#f9f9f9;white-space:nowrap}





/***** その他 Others *****/
.edit{text-align:center;font-style:italic;padding:0;float:right;width:49px;height:15px;margin:-33px -11px 0 0}
.edit a{position:absolute;top:0;right:0;background-color:#07f;color:#fff;padding:2px 10px}


/******画像の配置*****/
img.centered{display:block;margin-left:auto;margin-right:auto}
img.alignleft{float:left;padding:5px;border:1px solid #ccc;background-color:#fff;margin:0 10px 10px 0}
img.alignright{float:right;padding:5px;border:1px solid #ccc;background-color:#fff;margin:0 0 10px 10px}
.alignright{float:right;width:auto}
.alignleft{float:left;width:auto}
div.wp-caption.alignleft,
dl.wp-caption.alignleft{margin-right:10px}
div.wp-caption.alignright,
dl.wp-caption.alignright{margin-left:10px;margin-right:0}
div.wp-caption.alignnone,
dl.wp-caption.alignnone{margin-bottom:0;margin-top:0}
.aligncenter{margin:10px auto;display:block;clear:both}
div.mceTemp.mceIEcenter{}
.wp-caption{border:1px solid #ddd;text-align:center;background-color:#f3f3f3;padding-top:4px;margin-bottom:10px;margin-top:10px}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption p.wp-caption-text,.wp-caption dd{padding:5px 4px;margin:0;line-height:17px;font-size:11px;font-family:"MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;color:#666}


/****コメント****/
h3#comment{clear:both;margin:20px 0 0 20px;font-size:100%}
#contentwrap ol.commentlist{list-style-type:none;padding:0;margin:0 0 0 20px;font-size:90%}
#contentwrap ol.commentlist li{clear:both;border:1px solid #999;padding:10px;
border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;margin:0 0 15px}
#commentform{margin-left:20px}
textarea#comment{width:628px;height:130px;padding:10px;border:1px solid #999;font-size:90%}
input#author,
input#email,
input#url{width:240px;border:1px solid #999;padding:3px;font-size:90%}
textarea#comment:focus,
input#author:focus,
input#email:focus,
input#url:focus{background-color:#fbfae5}