/* 3カラム バケーション1*/

@charset "UTF-8";

*{
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, sans-serif;
}


/* HTMLタグ設定 */
body {
	margin:0px;
	text-align:center;
}

img{
	border: none;
}

form {
	margin:0px;
	padding:0px;
	text-align:left;
}

label {
	font-size:x-small;
	font-weight:bold;
}

blockquote {
	background-color: #CCC;
	padding: 5px;
	color: #333;
	font-size: 85%;
}


/* =================================== */
/* ブロックサイズの設定 */
/* =================================== */

#container {
	width:1050px;
	border: solid 5px #FFFFFF;
	background-color: #FFF;
}

/* ブログタイトル・概要 */
#banner {
	height:476px;
}

/* ブログの配置 */
#content {
	width:550px;
}

/* ブログ外枠 */
.blog {
	width: 500px;
}

/* サイド（左サイド） */
#links {
	width: 250px;
}

#links2{
	width: 200px;
}


/* 記事本文 */
.main {
	width:460px;
}

/* トラックバックURL */
#trackback-text{
	width: 210px;
}

/* カレンダー ここから ----------*/

/* 上部年月日表示 */
.calendarhead {
	width:160px;
}

/* 枠 */
.calendartable {
	width:160px;
}

/* 曜日枠 */
.calendarwd {
	height: 20px;
}

/* カレンダー ここまで ----------*/

/* コメント入力本文 */
#text {
	width:400px;
	height:200px;
}

/* メールアドレス */
/* 名前 */
/* URL */
#author, #email, #url {
	width:200px;
}


/*フッタ*/
#footer {
	height:74px;
}



/* =================================== */
/* 間隔の設定 */
/* =================================== */

#container {
	margin:0px auto;
	text-align:left;
}

/* ブログタイトル・概要 */
#banner {
	padding:0px 0px 0px 0px;
}

/* ブログの配置 */
#content {
	float:right;
}


/* 記事 */
.blogbody {
	text-align:left;
	margin: 0px 0px 20px 0px;
	
}

/* 記事フッター */
.posted {
	padding:10px 10px 5px 0px;
	text-align:right;
}

/* サイドブロック */
.side {
	margin:0px 0px 10px 0px;
	padding:5px;
}

/* サイド（左サイド） */
#links {
	float:left;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:20px 5px 20px 10px;
	overflow:hidden;
}

#links2{
	float:right;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:20px 10px 20px 5px;
	overflow:hidden;
}


/* サイドタイトル */
.sidetitle {
	padding:2px 5px 2px 22px;
}

/* サイド本文 */
.sidebody {
	margin:0px 0px 2px 0px;
}

/* RSS */
ul.rss {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 10px;
}
ul.rss li{
	display: inline;
	margin-left: 10px;
	font-weight: bold;
}


/* ブログ外枠 */
.blog {
	margin-top: 0px;
	margin-bottom: 15px;
	overflow: hidden;
	margin-right: 20px;
}

/* 記事日付 */
.date {
	letter-spacing:0px;
	padding:5px 10px 5px 15px;
	text-align:right;
}


/* 記事本文内画像 */
.main img {
	margin:0px 5px 10px 5px;
}

/* 記事本文 */
.main {
	line-height:160%;
	margin:15px 20px 0px;
	overflow:auto;
}

/* 記事タイトル＆この記事へのトラックバックURL見出し */
.title {
	padding:6px 10px 5px 28px;
}

/* トラックバックURL */
.trackback-url {
	margin:10px 0px 15px 13px;
	text-align:left;
}

/* トラックバック本文 */
.trackback-body {
	line-height:135%;
	margin:20px 0px 15px 13px;
}

/*トラックバック送信元など*/
.trackback-post {
	text-align:right;
	margin:0px 20px 25px 20px;
}

/* この記事へのコメント＆この記事へのトラックバック　見出し */
.comments-head {
	padding:0px 0px 0px 20px;
}

/* コメント投稿者日時など*/
.comments-post {
	text-align:right;
	margin:0px 20px 25px 20px;
}

/* コメント本文 */
.comments-body {
	line-height:135%;
	margin: 5px 20px;
}

/* コメント入力テーブル */
table.form {
	margin:25px 0px 0px 13px;
	text-align:left;
}


/*フッタ*/
#footer {
	clear:both;
}

/* コピーライト */
#copyright {
	width:100%;
	margin:0px;
	padding:30px 0px 0px 0px;
	line-height:16px;
	text-align:center;
}

/* カレンダー ここから ----------*/
/* 大枠 */
.calendar {
	padding: 2px;
	position:center;
}

/* 上部年月日表示 */
.calendarhead {
	padding:0px 0px 2px 0px;
	text-align:center;
}

/* 枠 */
.calendartable {
	margin:0px auto 0px auto;
	padding:0px;
	text-align:left;
	empty-cells:show;
	border-spacing:0px;
	border-collapse:collapse;
}


/* 曜日枠 */
.calendarwd {
	padding:5px 0px 5px 5px;
}

/* 曜日 */
.calendarweek {
	position:center;
}
/* 日付枠 */
.calendard {
	text-align:center;
}

/* カレンダー ここまで ----------*/

.nickname{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.photo{
	text-align: center;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

/* このページの上へ */
.pagetop {
	font-size:x-small;
	text-align:right;
	margin:0px 10px 10px 0px;
	padding:10px;
}
/* このBlogのトップへ */
.menu {
	color:#666666;
	font-size:x-small;
	padding:0px 0px 10px 0px;
}






/* ************************************************ 
 *	バナー（ページ上部）の設定
 * ************************************************ */

/* ブログタイトル */
.blogtitle {
	text-align:left;
	padding-top: 150px;
	margin: 0px 500px 0px 50px;
}

/* ブログ説明文 */
.description {
	text-align:left;
	margin:30px 500px 0px 55px;
}


/* =================================== */
/* バックグラウンドの設定 */
/* =================================== */

body {
	background-color: #FFFFCC;
	background-image: url(http://www.i-ra.jp//_img/3cam_h_vc/vc_bg.jpg) ;
	background-repeat: repeat;
}

/* ブログタイトルの背景 */
#banner {
	/*background: url(http://img01.i-ra.jp/usr/c/u/b/cubya/top_bichuke.png) no-repeat center top;*/
	background: url(http://img01.i-ra.jp/usr/c/u/b/cubya/top2018.jpg) no-repeat center top;
}

/* コンテンツの背景 */
#mainbg {
	background-color: #FFFFFF;
	}

/* フッターの背景 */
#footer {
	}


/* 記事の背景 */
.blogbody {
}

/* 記事タイトル＆この記事へのトラックバックURLの背景 */
.blogbody .title {
	background-color: #FEFFD2;
	background-image: url(http://www.i-ra.jp//_img/3cam_h_vc/vc_blgtl.png);
	background-repeat: no-repeat;
	background-position: left center;
}

/* 記事日付 */
.date {
	background-color:;
}


/* この記事へのコメント　見出し */
.comments-head {
	background-color: #FEFFD2;
}

/* サイドブロック */
.side {
}

/* サイドタイトル */
.sidetitle {
	background-image: url(http://www.i-ra.jp//_img/3cam_h_vc/vc_sdtl.png);
	background-repeat: no-repeat;	
}

/* カレンダー枠 */
.calendartable {
}

/* 曜日枠 */
.calendarwd {
	background-color: #FF9900;
}

/* 本文 */
#text {
	border:1px solid;
	border-color: #999999
}

/* メールアドレス */
/* 名前 */
/* URL */
#author, #email, #url {
	border:1px solid;
	border-color: #999999
}




/* ************************************************ 
 *	テキストカラーの設定
 * ************************************************ */
 
 /* テキスト全般 */
body {
	color:#333333;
	text-decoration: none;
}

 /* リンク全般 */
a, a:link, a:visited, a:active{
	color:#FF9900;
	text-decoration: none;
}
a:hover{
	color: #FFCC33;
	text-decoration: none;
}

/*　ブログタイトル・概要　*/
#banner a, #banner a:link, #banner a:visited, #banner a:active{
	color: #000;
	text-decoration: none;
}
#banner a:hover{
	color: #666;
	text-decoration: none;
}

/* ブログ説明文 */
.description {
	color:#000;
}



/* サイドタイトル */
.sidetitle {
	color:#333333;
}

/* サイド本文 */
.sidebody {
	border-bottom:1px dotted;
	border-color:#999999
}


/* トラックバックURL */
.trackback-url {
	color:#FF9900;
}

/*トラックバック送信元など*/
.trackback-post {
	color:#333333;
}

/* 記事日付 */
.date {
	color: #FF9900;
}

/* 個別記事の記事タイトル */
.blogbody .title,.blogbody .title a, .blogbody .title a:link, .blogbody .title a:visited, .blogbody .title a:active{
	color:#333333;
	text-decoration: none;
}
.blogbody .title a:hover{
	color: #CCCCCC;
}

/* 記事本文 */
.main {
	color:#333333;
}

/* 記事フッター */
.posted {
	color:#FFCC00;
}

/* この記事へのコメント　見出し */
.comments-head {
	color:#333333;
}

/* コメント投稿者日時など*/
.comments-post {
	color:#FFCC00;
}

/* コメント本文 */
.comments-body {
	color:#333333;
}

/* コピーライト */
#copyright {
	color:#FF9900;
}

/* カレンダー ここから ----------*/

/* 上部年月日表示 */
.calendarhead {
	color: #333333;
}

/* 曜日 */
.calendarweek {
	color:#ffffff;
}

/* 日曜日 */
.sun{
	color: #CC0000;
}
/* 土曜日 */
.sat{
	color: #0099FF;
}


/* カレンダー ここまで ----------*/

.nickname{
	color:#333333;
}

/* このページの上へ */
.pagetop {
	color:#FF9900
}

/* このBlogのトップへ */
.menu {
	color:#FF9900;
}


 
 /* ************************************************ 
 *	テキストサイズの設定
 * ************************************************ */

body {
	font-size:small;
}

#container {
}

/* ブログタイトル */
.blogtitle {
	font-size:xx-large;
	font-weight:bold;
	letter-spacing:2px;
}

/* ブログ説明文 */
.description {
	letter-spacing:2px;
}


/* サイドブロック */
.side {
	line-height:160%;
}

/* サイドタイトル */
.sidetitle {
	font-size:small;
	font-weight :bold;
	letter-spacing:2px;
}

/* 記事日付 */
.date {
	font-weight:bold;
	font-size:small
}

/* 記事本文 */
.main {
}

/* 記事フッター */
.posted {
	font-size:x-small;
}


/* 記事タイトル＆この記事へのトラックバックURL見出し */
.title {
	font-size:large;
	font-weight:bold;
}

/* トラックバックURL */
.trackback-url {
	font-weight:bold;
}

/* トラックバック本文 */
.trackback-body {
}

/*トラックバック送信元など*/
.trackback-post {
	font-size:x-small;
}

/* この記事へのコメント　見出し */
.comments-head {
	font-size:medium;
	font-weight:bold;
}

/* コメント投稿者日時など*/
.comments-post {
	font-size:x-small;
}

/* コメント本文 */
.comments-body {
	font-size:small;
}

/* コメント入力本文 */
#text {
	font-size:small;
}

/* 続きを読む */
.main-continues {
}

/* コピーライト */
#copyright {
	font-size:x-small;
	font-weight:bold;
}


/* カレンダー ここから ----------*/
/* 大枠 */
.calendar {
	font-size:small;
}

/* 上部年月日表示 */
.calendarhead {
	font-size:small;
	font-weight:bold;
	letter-spacing:2px;
}


/* 曜日枠 */
.calendarwd {
	font-size:small;
	letter-spacing:2px;
}

/* 曜日 */
.calendarweek {
	font-size:small;
	font-weight:bold;
}

/* 今日 */
.today{
	font-weight: bold;
}

/* カレンダー ここまで ----------*/

.nickname{
	font-weight: bold;
	word-spacing: 0.2em;
}

/* このページの上へ */
.pagetop {
	font-size:x-small;
}
/* このBlogのトップへ */
.menu {
	font-size:x-small;
}


/* ----------------------------------------ストックリストここから----------*/
#stock h2{
	border-bottom:3px solid #ff8c00;
	border-left:15px solid #ff8c00;
	font-weight:bold;
	padding:0 0 0 5px;
}
#stock table{
	font-size:120%;
	line-height:120%;		
}
#stock table th,td{
	padding:7px;}

#stock table th{
	width:45%;
	text-align:center;
	
}

/*---------- ナビバー---------*/
#navi ul{
	list-style-type:none;
	font-size:120%;
	line-height:120%;
	width:100%;
	padding:5px 0;
	font-weight:bolder;
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	justify-content: space-between;
	background-color:#006600;  /*#cee4ae*/

} 
#navi ul li{
	float:left;
	padding:0 10px;
	margin:0;

}

#navi ul li a {
	color:#ffffff;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

#navi ul li a:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}