/*
Theme Name: Exray
Theme URI: http://seotemplates.net/blog/theme/exray-wordpress-theme/
Author: Septian Ahmad Fujianto
Author URI: http://seotemplates.net/
Description: A simple, clean and responsive theme build with HTML5 and Twitter Bootstrap. Designed to be starting point for your Website with unlimited possibility for customization, with Theme Customizer and Theme Options ready, you won't get any trouble modifying most part of the theme. By using flat design concept, your content will standout and catch your reader eyes. 
Version: 1.4.3
License: GNU General Public License v3 
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, white, light, one-column, two-columns, three-columns, responsive-layout, left-sidebar, right-sidebar, custom-menu, custom-colors, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, editor-style, translation-ready
Text Domain: Exray
*/

@import url("css/bootstrap.css");
@import url("css/master.css");



.center {text-align:center;}


body {
font-size: 16px;
line-height:1.4;
font-family: Tahoma, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
color: #333;

 }

/* --- ボックス・指定方法<div class="box1"></div> --- */
div.box1 {
 padding:5px;
 margin:5px;
 background-color:#FDF5E6;
 border:1px double #5987fa;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
line-height: 1;
  margin:10px 0px;
  padding: 10px 5px 10px 5px;
    box-shadow:2px 2px 5px 0px #483D8B ;
}
/* --- ボックス２大枠・指定方法<div class="box2"></div> --- */
div.box2 {
  padding:5px;
 margin:5px;
 background-color:#FFFFFF;
 border:2px double #0000FF;
 border-radius:2px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}
/* --- ボックス枠の外枠・指定方法<div class="box3"></div> --- */
div.box3 {
 padding:1px;
 margin:2px;
 background-color:#FFFFFF;
 border:2px double #2748c1;
 border-radius:1px;
 -webkit-border-radius:4px;
 -moz-border-radius:4px;
}

/* --- ボックス枠の外枠・指定方法<div class="box4"></div> --- */
div.box4 {
   padding:5px;
     margin: 20px 10px 20px 10px;
    background: #fff;
    box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
    -moz-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
    -webkit-box-shadow: 0 0 50px #add8e6 inset, 5px 5px 0 #cecece;
}




/* --- 見出し・吹き出し・指定方法<h3 class="sample2"></h3> --- */
.sample2 {
         color: rgb(255, 255, 255);
    font-family: Tahoma, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
    font-size: 20pt;
    line-height: 1.5;
    box-shadow: rgb(72, 61, 139) 2px 2px 0px 0px;
    background: rgb(30, 144, 255);
    margin: 30px 0px 20px;
    padding: 1px 1px 1px 20px;
    border-left: 15px solid rgb(0, 0, 255);
}

/* --- 見出し・吹き出し・指定方法<h4 class="sample3"></h4> --- */
.sample3 {
            color: rgb(75, 71, 232);
    font-size: 15pt;
    font-family: Tahoma, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
    box-shadow: rgb(102, 102, 102) 3px 3px 5px 1px;
    background: rgb(250, 250, 250);
    margin: 30px 15px;
    padding: 5px 1px 5px 20px;
    border-top: 5px solid rgb(84, 6, 232);
    border-radius: 5px;
}




/*●H4タグ*/
#main-contents h4{}

#main-contents h4 a:link,
#main-contents h4 a:visited{ color: #333; }

#main-contents h4 a:hover,
#main-contents h4 a:active{ color: #f60; }

#main-contents h4.img-title{
	margin: 0 0 1.5em;
	padding: 0;
	border: 0;
	background: none;
}

/* --- 見出し --- */
div.section h3 {
margin: 0;
padding: 2px 0 2px 7px; /* 見出しのパディング（上右下左） */
border-left: 4px #add8e6 solid; /* 見出しの左境界線 */
font-size: 100%; /* 見出しの文字サイズ */
color: #005FFF; /* 見出しの文字色 */
line-height: 100%;
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1px 10px; /* 段落のマージン（上下、左右） */
}



/* --- 相互rssに使用 --- */

/* --- ボックス --- */
div.section1 {
width: 294px; /* ボックスの幅 */
padding: 2px; /* ボックスのパディング */
border: 1px #e0e0e0 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
}
div.section div.inner1 {
padding: 5px; /* 内部のパディング */
background: #64c2f2 url(box_back_blue1.gif) repeat-x top; /* 内部の背景 */
}

/* --- 見出し --- */
div.section h3 {
margin: 0 0 1em; /* 見出しのマージン（上、左右、下） */
padding: 4px 6px; /* 見出しのパディング（上下、左右） */
background-color: #ffffff; /* 見出しの背景色 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 5px; /* 段落のマージン（上下、左右） */
}

element.style {
    background-color: #ffff00;
}

element.style {
    color: #ff0000;
}

<div class="s100"></div>

b, strong {
    font-weight: bold;
}

element.style {
    font-size: xx-large;
}

#back-top {
	position: fixed;
	bottom: 10px;
	margin-left: -70px;
}
#back-top a {
	width: 41px;
	display: block;
	text-align: center;
	font:font-family: Tahoma, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #E6E6FA;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 41px;
	height: 41px;
	display: block;
	margin-bottom: 7px;
	background: #fff url(画像のURL) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #B0C4DE;
}

.header-ad {
    text-align: center;
    font-size: 16px;
    margin: 10px auto 10px;
    padding: 5px 0 5px;
    display: block;
    border-top: 2px solid #4169e1;
    border-bottom: 2px solid #4169e1;
}


/* --- 外枠 --- */
border:double 5px #9cb5ff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

/* --- 表 --- */
.example table {
width: 1;
height: 1;
border: 1px #000000　;
border-collapse: collapse;
background-color: #FFFFFF　;
}

.example caption {
font-size: 22px;
text-align: center;
color:#FFD700;
border: 3px #000000  solid;
background-color: #0000FF;　
}

.example td {
border: 1px #000000 solid;
background-color: #FFFFFF　;
text-align: center;
vertical-align: middle;
}

.example th{
border: 1px #000000  solid;
background-color: #6495ED;　
text-align: center;
vertical-align: middle;
}


/* リンクボタン */

.button-rink, .button-rink:visited{
       font-size:13px;
      background:#45bcd2;
      padding:5px 8px 5px 8px;
      color:#ffffff;
      text-decoration:none;
      -moz-border-radius:4px;
      -webkit-border-radius:4px;
      border-radius:4px;
      border:none;
      position:relative;
      cursor:pointer;
      margin:0px 0px 0 0;
         vertical-align: middle;
}
a.button-rink {
     color:#ffffff;
}
.button-rink a:link{
     color:#ffffff;
}
.button-rink:hover{
      background:#555;color:#fff;
}

/* 改行スペース */
.s5 {
margin: 5px 0px 0px;
}
.s10 {
margin: 10px 0px 0px;
}
.s15 {
margin: 15px 0px 0px;
}
.s20 {
margin: 20px 0px 0px;
}
.s30 {
margin: 30px 0px 0px;
}
.s40 {
margin: 40px 0px 0px;
}
.s50 {
margin: 50px 0px 0px;
}
.s70 {
margin: 70px 0px 0px;
}
.s90 {
margin: 90px 0px 0px;
}
.s100 {
margin: 100px 0px 0px;
}
.s150 {
margin: 150px 0px 0px;
}
.s200 {
margin: 200px 0px 0px;
}
.s400 {
margin: 400px 0px 0px;
}
.s600 {
margin: 600px 0px 0px;
}