/*
Theme Name: AirCampus運用情報
Theme URI: http://acsupport.sakura.ne.jp/system_info/
Description: AirCampus運用情報
Version: 1.0
Author: BBT
*/

@charset "utf-8";

/*basic*/
* { font-size: 100%; padding: 0; margin: 0; }
body { color: #333; background-color: #f9f9f9; font: 13px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; -webkit-text-size-adjust: 100%; }
li { list-style-type: none; }
a { color: #2985bf; text-decoration: none; }
a:hover { color: #005580; text-decoration: underline; }
img { vertical-align: top; border: none; }
table { border-collapse: collapse; }


/* ヘッダー */
header {
  display: block;
  position: relative;
  background-color: #fff;
  border-top: 4px solid #444;
  margin-bottom: 20px;
  z-index: 10000;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
header > div { width: 1000px; margin: 0px auto; }
header > div:after { clear: both; display: block; content: ""; }
header img { vertical-align: middle; }
header > p { float: right; }
header h1 { float: left; }
header h1 a { display: block; padding-top: 4px; height: 40px; float:left; }
header nav{ float:right; margin:10px 0px 0px 0px; }
header nav ul{ margin:3px 10px 0px 0px; }
header nav li{ float:left; margin-left:10px; }
header nav li a{ font-weight:bold; color:#333; }
header nav li a:hover{ text-decoration:none; color:#2985bf; }
header nav li a[target="_blank"]{ padding-right:16px; }
header nav li a[target="_blank"]:hover {background: url(static/images/ico_blank.png) no-repeat right 3px;}


/* フッター */
footer{ display: block;clear:both; height:50px; position:absolute; bottom:0; width:100%; border-top:1px solid #ccc;}
footer > div.copy_box{ width:1000px; margin:0px auto; line-height:59px;}
footer > div.copy_box:after { clear: both; display: block; content: ""; }
footer > div.copy_box p{ float:left; font-size:12px; color:#838080; }
footer > div.copy_box ul{ float:right; }
footer > div.copy_box ul li{ float:left; display: inline; margin-left: 10px; }
footer > div.copy_box ul li:after{ content: "｜"; margin-left: 10px; }
footer > div.copy_box ul > li:last-child:after { content:""; } 


/* conteiner ・ div contents */
#container{ min-height:100%; position:relative; }
div#contents{ padding-bottom:100px; clear:both; width:1000px; margin:0px auto; }
div#contents:after{ clear: both; display: block; content: ""; }


/* section */
section#main{ width:760px; float:right; }
section#side{ width:220px; float:left; }


/* メインのエントリー記事 */
/* article basic */
article{ background:#fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border:1px solid #ccc; padding:15px; margin:0px 0px 20px; }
article:last-of-type{ margin:0px; }
/* article index1st */
article#index1st .title{ margin:0px 0px 20px; }
article#index1st .title:last-of-type{ margin:0px 0px 5px; }
article#index1st .title h2{ font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:5px; }
article#index1st .title p{ margin:5px 0px 0px; }
article#index1st .title li{ margin:5px 0px 0px 18px; line-height:160%; list-style:disc; }
/* article entry */
article.entry:after{ clear: both; display: block; content: ""; }
article.entry h2{ font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:5px; }
article.entry div.text{ margin:12px 0px; }
article.entry div.text p{ margin:0px 0px 8px; line-height:170%; }
article.entry div.text p img{ border:1px solid #ddd; padding:3px; margin:5px 0px; }
article.entry div.text ul{ margin:0px 0px 8px 18px; }
article.entry div.text ul li{ list-style:disc; }
article.entry div.text p strong{ font-weight:bold; }
article.entry div.text hr{ border:0; border-bottom:1px dashed #ddd; margin:0px 0px 10px; }
article.entry div.meta{ border-top:1px dotted #ccc; padding-top:12px; }
article.entry div.meta p.date{ float:left; margin-right:15px; }
article.entry div.meta p.new_date{ float:left; color:#999; }
article.entry div.meta div{ clear:both; margin-top:5px; }
article.entry div.meta div:after{ clear: both; display: block; content: ""; }
article.entry div.meta dl.tag{ margin-left:10px; }
article.entry div.meta dl.category, article.entry div.meta dl.tag{ float:left; margin-top:5px; }
article.entry div.meta dl.tag dt, article.entry div.meta dl.category dt{ float:left; }
article.entry div.meta dl.tag dd, article.entry div.meta dl.category dd{ float:left; margin-right:7px; }


/* サイドメニュー */
/* article side */
#side article{ padding:0px; }
#side article h2{ border-bottom: 2px solid #CCCCCC; font-size: 14px; font-weight: bold; line-height: 29px; padding: 0 15px;}
#side article p{ margin:7px 13px; }
#side article ul{ margin:0px 0px 5px; padding:5px 0px; }
#side article ul li{ line-height:30px; padding:0px 13px; }
#side article ul li a, #side article p.more a{ display:block; }
#side article p.more{ padding:0px 13px; margin:10px 0px; }
#side article#category ul li a{ display:inline; margin:0px 4px 0px 0px; }
#side article.infomation li{ line-height:160%; border-top:1px dotted #ccc; padding-top:5px; margin-top:5px; }
#side article.infomation li:first-of-type{ border:none; padding-top:0px; margin-top:0px; }


/* アーカイブ */
ul#archive{ margin:0px; }
ul#archive li{ list-style:none; line-height:30px; padding:0px; }
ul#archive li a{ display:inline; margin:0px 4px 0px 0px; }


/* ページナビ */
#pager{ position:relative; overflow:hidden; margin:30px 0px 0px; }
div.wp-pagenavi{ position:relative; left:50%; float:left; margin:0; padding:0;}
div.wp-pagenavi:after{ clear: both; display: block; content: ""; }
div.wp-pagenavi span,div.wp-pagenavi a{ position:relative; left:-50%; float:left; margin:0; padding:0; }
div.wp-pagenavi span.current{ padding:12px 15px; display:block; float:left; }
div.wp-pagenavi a.page{ padding:12px 15px; display:block; float:left; }
div.wp-pagenavi a:hover{ background:#aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color:#fff; text-decoration:none; }
div.wp-pagenavi a.previouspostslink{ padding:12px 15px; display:block; float:left; }
div.wp-pagenavi a.nextpostslink{ padding:12px 15px; display:block; float:left; }


/* PC・モバイル切り替え */
.wptouch-desktop-switch{ width:100%; }
.wptouch-desktop-switch a{}


/* ボタン */
.btn {
  display: inline-block;
  color: #333;
  background: #f3f3f3;
  background: -moz-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #e0e0e0));
  background: -webkit-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
  background: -o-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
  background: -ms-linear-gradient(top, #f3f3f3 0%, #e0e0e0 100%);
  background: linear-gradient(to bottom, #f3f3f3 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 );
  line-height: 27px;
  text-align: center;
  padding: 0 6px;
  border: 1px solid #aaa;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px white;
  -moz-box-shadow: inset 0 1px 2px white;
  box-shadow: inset 0 1px 2px white;
}
.btn:hover {
  color: #333;
  text-decoration: none;
  background: #eaeaea;
  background: -moz-linear-gradient(top, #eaeaea 0%, #c9c9c9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaeaea), color-stop(100%, #c9c9c9));
  background: -webkit-linear-gradient(top, #eaeaea 0%, #c9c9c9 100%);
  background: -o-linear-gradient(top, #eaeaea 0%, #c9c9c9 100%);
  background: -ms-linear-gradient(top, #eaeaea 0%, #c9c9c9 100%);
  background: linear-gradient(to bottom, #eaeaea 0%, #c9c9c9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#c9c9c9',GradientType=0 );
}
.btn:active {
  background-color: #d5d5d5;
  -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 0 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 0 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 0 4px rgba(0, 0, 0, 0.1);
}
.btn.out, .btn.out:hover {
  color: #adadad;
  background: #fafafa;
  background: -moz-linear-gradient(top, #fafafa 0%, #f3f3f3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f3f3f3));
  background: -webkit-linear-gradient(top, #fafafa 0%, #f3f3f3 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #f3f3f3 100%);
  background: -ms-linear-gradient(top, #fafafa 0%, #f3f3f3 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #f3f3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f3f3f3',GradientType=0 );
  border-color: #ddd;
  cursor: default;
  -webkit-box-shadow: inset 0 2px 1px white;
  -moz-box-shadow: inset 0 2px 1px white;
  box-shadow: inset 0 2px 1px white;
}
.btn.btn-primary {
  color: #fff;
  background-color: #47a6db;
  background: -moz-linear-gradient(top, #47a6db 0%, #217dc6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47a6db), color-stop(100%, #217dc6));
  background: -webkit-linear-gradient(top, #47a6db 0%, #217dc6 100%);
  background: -o-linear-gradient(top, #47a6db 0%, #217dc6 100%);
  background: -ms-linear-gradient(top, #47a6db 0%, #217dc6 100%);
  background: linear-gradient(to bottom, #47a6db 0%, #217dc6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47a6db', endColorstr='#217dc6',GradientType=0 );
  line-height: 27px;
  border: 1px solid #2372a3;
  -webkit-box-shadow: inset 1px 0 0 #47a1d8, inset -1px 0 0 #4fa6db, inset 0 1px 0 #9ccfec, inset 0 -1px 0 #388acc;
  -moz-box-shadow: inset 1px 0 0 #47a1d8, inset -1px 0 0 #4fa6db, inset 0 1px 0 #9ccfec, inset 0 -1px 0 #388acc;
  box-shadow: inset 1px 0 0 #47a1d8, inset -1px 0 0 #4fa6db, inset 0 1px 0 #9ccfec, inset 0 -1px 0 #388acc;
}
.btn.btn-primary:hover {
  background-color: #3a95d2;
  background: -moz-linear-gradient(top, #3a95d2 0%, #196ab8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a95d2), color-stop(100%, #196ab8));
  background: -webkit-linear-gradient(top, #3a95d2 0%, #196ab8 100%);
  background: -o-linear-gradient(top, #3a95d2 0%, #196ab8 100%);
  background: -ms-linear-gradient(top, #3a95d2 0%, #196ab8 100%);
  background: linear-gradient(to bottom, #3a95d2 0%, #196ab8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a95d2', endColorstr='#196ab8',GradientType=0 );
  -webkit-box-shadow: inset 1px 0 0 #3a8dcd, inset -1px 0 0 #4193d0, inset 0 1px 0 #95c6e7, inset 0 -1px 0 #3079bf;
  -moz-box-shadow: inset 1px 0 0 #3a8dcd, inset -1px 0 0 #4193d0, inset 0 1px 0 #95c6e7, inset 0 -1px 0 #3079bf;
  box-shadow: inset 1px 0 0 #3a8dcd, inset -1px 0 0 #4193d0, inset 0 1px 0 #95c6e7, inset 0 -1px 0 #3079bf;
}
.btn.btn-primary:active {
  -webkit-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 3px 4px rgba(0, 0, 0, 0.2);
}
.btn.btn-danger {
  color: #fff;
  background: red;
}