@charset "UTF-8";

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	color: #666666;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
body {
    margin: 0px;
    padding: 0px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	background-color: #eee;
    width:100% !important;
}
.contents{
    margin: 0px;
    padding: 0px;
    clear: both;
    background-color: #eee;
    width: 100% !important;
}
.wrapper{
	margin: 0px auto;
	padding: 0px;
    width: 1080px !important;
}
.container{
    width: 1080px !important;
    margin-left: auto;
    margin-right: auto;
    clear: both;
}
.main{
    width: 740px;
    float: left;
    padding: 0px;
    margin: 0px;
}

.catch{
    background-color: #333;
    background-image: url('http://img04.ti-da.net/usr/w/e/b/webcrafts/catch_1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size:100% 110%;
    width:100%;
    height:460px;
    position: relative;
    z-index: 3;
    margin: 0 auto;
}
.catch2{
    background-color: #333;
    width:100%;
    height:200px;
    position: relative;
    z-index: 3;
    margin: 0 auto;
}
.aboutus{
    background-color: #eee;
    clear: both;
    padding-top: 220px;
    padding-bottom: 220px;
    text-align: center;
    font-size: 90%;
    font-weight: lighter;
    line-height: 2.0em;
}
.service{
    height:460px;
    background-image: url('http://img04.ti-da.net/usr/w/e/b/webcrafts/catch_2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size:100%;
    background-color: #ddd;
    clear: both;
    color:#ccc;
    padding-top: 40px;
    padding-bottom: 80px;
}

.row{
    width: 33%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 300px;
}
.service_box{
    width:300px;
    height:460px;
    margin-left: auto;
    margin-right: auto;
    background-color: #efefef;
}
.youtubenew{
    height:460px;
    background-color: #ddd;
    clear: both;
    color:#ccc;
    padding-top: 20px;
    padding-bottom: 40px;
}

.row2{
    width: 50%;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 400px;
}
.youtube_box{
    width:530px;
    height:400px;
    margin-left: auto;
    margin-right: auto;
    background-color: #efefef;
    padding:5px;
}
.row h3{
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 100%;
    color:#000;
}
.rowtxt{
    padding: 20px;
    word-wrap: break-word;
    line-height: 1.2em;
    font-size: 80%;
}
.rowtxt p{
    padding-bottom: 10px;
    color:#333;
}
#menu{

}
#headnavi{
    /* position: fixed; */
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    z-index: 99;
}
#headnavi,#gnavi{
    height: 60px;
    background-color: #444;

}
#headnavi ul,#gnavi ul{
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#headnavi ul li{
    width:9%;
    text-align: center;
    height: 40px;
    float: left;
    display: block;
    line-height: 40px;
    padding: 10px;
    color: #fff;
    font-size: 70%;
}
#gnavi ul li{
    width:14%;
    text-align: center;
    height: 40px;
    float: left;
    display: block;
    line-height: 40px;
    padding: 10px;
    color: #fff;
    font-size: 80%;
}
#gnavi a{
    color: #fff;
    text-decoration: none;
}
#gnavi a:hover{
    color: #ccf;
    text-decoration: none;
}

.blog{
    margin: 10px auto 10px auto;
    position: relative;
    padding: 10px;
}
article{
    background-color: #fefefe;
    border:1px solid #ddd;
    width: 90%;
    max-width: 700px;
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
}
.entrytxt{
    word-wrap: break-word;
    font-size: 80%;
    line-height: 1.8em;
}
.entrytxt h1{
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 120%;
    border-bottom: 1px solid #333;
}
.entrytxt h2{
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 100%;
    border-bottom: 1px solid #888;
}
.entrytxt h3{
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 100%;
    padding-left: 20px;
    border-left: 10px solid #333;
}
.entrytxt h4{
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 120%;
    background-color: #333;
    padding: 10px;
    color:#eee;
}
.entrytxt h5{
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 120%;
    border-bottom: 1px solid #333;
}
.entrytxt p{
    padding-bottom: 10px;
    padding-top: 10px;
}
#pr{
    padding: 20px;
    font-size: 80%;
}
#listcontainer{
   margin: 10px auto 10px auto;
    padding: 10px;
}
.entrybox{
    padding: 5px;
    margin: 1px;
    background: #fff;
    width: 220px;
    float: left;
    word-wrap: break-word;
    margin-bottom: 10px;
}
.entrybox img{
    width: 220px;
}
.entryboxtxt{
    word-wrap: break-word;
    font-size: 70%;
}
.min{
    clear: both;
    width: 90%;
    max-width: 700px;
    min-width: 260px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    font-size: 70%;
}
.side1{
    margin-top:20px;
    margin-bottom:20px;
    width: 300px;
    height: 100%;
    padding: 20px;
    float: right;
    background-color: #fefefe;
    word-wrap: break-word;
    font-size: 70%;
}
.contact{
    height:300px;
    background-color: #333;
    clear: both;
}
.contactrow{
    width: 520px;
    float: left;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px;
}
.contactrow h4{
    margin-bottom: 20px;
    margin-top: 20px;
    color:#eee;
    font-weight: normal;
    border-bottom: 1px solid #eee;
}
.contacttxt{
    font-size: 80%;
    line-height: 1.8em;
    padding: 5px;
    color:#aaa;
}
.contacttxt a{
    color:#ccc;
    text-decoration: none;
}
.contacttxt a:hover{
    color:#aaf;
    text-decoration: none;
}
.footer{
    clear: both;
    background-color: #444;
    padding-top: 20px;
    padding-bottom: 20px;
    color:#eee;
}
.copyright{
    clear: both;
    font-size: 80%;
    color:#eee;
    text-align: center;
    padding-top: 20px;
}
.footmenu{
	margin-top: 20px;
	font-size: 75%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footmenu a:hover{
    color:#aaf;
    text-decoration: none;
}
.footmenu ul li{
	list-style-position: inside;
	margin-left: 10px;
}
.footbox{
    color:#eee;
	width:260px;
	float: left;
	padding: 5px;
}
.footbox h4{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee;
	padding: 5px 5px 5px 10px;
	color:#eee;
}
.footbox a{
    text-decoration: none;
    color:#efefef;
}
.clearfix {}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}
/* mega menu */
#menu {
	list-style:none;
	width:1024px;
	height: 40px;
	margin-top: 10px;
	padding: 0;
	padding-right: 2px;
	padding-left: 2px;
}

#menu li {
	width: 170px;
	height: 14px;
	float:left;
	text-align:center;
	position:relative;
	padding-top: 10px;
	padding-bottom: 6px;
	margin: 0px;
	border:none;
}

#menu li:hover {
	color: #fff;
}

#menu li a {
	color: #fff;
	display:block;
	text-decoration:none;
}

#menu li:hover a {
	color:#fff;
	height: 40px;
}
#menu li .drop {
	padding-right:21px;
}
#menu li:hover .drop {
    left:-1px;top:auto;
}

/* Drop Down */

.dropdown_1column,
.dropdown_2columns,
.dropdown_3columns,
.dropdown_4columns,
.dropdown_5columns,
.menubox {
    margin:-9px auto;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    /* Gradient background */
    background: #333;
    z-index: 999999;
}

.dropdown_1column {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column,
#menu li:hover .dropdown_2columns,
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
    top:auto;
}

/* Columns */

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}

/* Right alignment */

#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {

}
#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

/* Drop Down Content Stylings */

#menu p, #menu h2, #menu h3, #menu ul li {
	line-height:21px;
	text-align:left;
}
#menu h2 {
	color: #fff;
	margin:7px 0 14px 0;
	padding-bottom:14px;
	border-bottom:1px solid #eee;
}
#menu h3 {
	color: #fff;
	margin:7px 0 14px 0;
	padding-bottom:7px;
	border-bottom:1px solid #eee;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#fff;
}
#menu li:hover div a:hover {
	color:#029feb;
}

#menu li .black_box {
	background-color:#333333;
	color: #eee;
	padding:4px 6px 4px 6px;
}
#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	line-height:24px;
	position:relative;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}
#menu li .greybox li {
	background:#F4F4F4;
	border:1px solid #bbbbbb;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;
}
#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}
ul.ldd_menu{
	margin:0px;
	padding:0;
	display:block;
	height:50px;
	background-color:#D04528;
	list-style:none;
	border-top:1px solid #EF593B;
	border-bottom:1px solid #EF593B;
	border-left:10px solid #D04528;
	-moz-box-shadow:0px 3px 4px #591E12;
	-webkit-box-shadow:0px 3px 4px #591E12;
	-box-shadow:0px 3px 4px #591E12;
}
ul.ldd_menu a{
	text-decoration:none;
}
ul.ldd_menu > li{
	float:left;
	position:relative;
}
ul.ldd_menu > li > span{
	float:left;
	color:#fff;
	background-color:#D04528;
	height:50px;
	line-height:50px;
	cursor:default;
	padding:0px 20px;
	text-shadow:0px 0px 1px #fff;
	border-right:1px solid #DF7B61;
	border-left:1px solid #C44D37;
}
ul.ldd_menu .ldd_submenu{
	position:absolute;
	top:50px;
	width:550px;
	display:none;
	opacity:0.95;
	left:0px;
	font-size:10px;
	background: #C34328;
	border-top:1px solid #EF593B;
	-moz-box-shadow:0px 3px 4px #591E12 inset;
	-webkit-box-shadow:0px 3px 4px #591E12 inset;
	-box-shadow:0px 3px 4px #591E12 inset;
}
a.ldd_subfoot{
	background-color:#f0f0f0;
	color:#444;
	display:block;
	clear:both;
	padding:15px 20px;
	text-transform:uppercase;
	font-family: Arial, serif;
	font-size:12px;
	text-shadow:0px 0px 1px #fff;
	-moz-box-shadow:0px 0px 2px #777 inset;
	-webkit-box-shadow:0px 0px 2px #777 inset;
	-box-shadow:0px 0px 2px #777 inset;
}
ul.ldd_menu ul{
	list-style:none;
	float:left;
	border-left:1px solid #DF7B61;
	margin:20px 0px 10px 30px;
	padding:10px;
}
li.ldd_heading{
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	color:#FFB39F;
	text-shadow:0px 0px 1px #B03E23;
	padding:0px 0px 10px 0px;
}
ul.ldd_menu ul li a{
	font-family: Arial, serif;
	font-size:10px;
	line-height:20px;
	color:#fff;
	padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
	-moz-box-shadow:0px 0px 2px #333;
	-webkit-box-shadow:0px 0px 2px #333;
	box-shadow:0px 0px 2px #333;
	background:#AF412B;
}
/* ---------------------------------------------------------------------- */
/* tida */
/* ---------------------------------------------------------------------- */

img{
	border: none;
}
form{
	margin: 0px;
	padding: 0px;
}
label{
	font-weight: bold;
	letter-spacing: 0.2em;
	white-space: nowrap;
	text-align: right;
	font-size: 12px;
}
blockquote {
	background-color: #eee;
	padding: 10px;
	color: #333;
	font-size: 90%;
}

/* =================================== */
/* レイアウト設定 */
/* =================================== */

#container{
}
/* ブログタイトル・概要 */
#banner{
	background-color: #ffffff;
	height: 200px;
	width: 750px;
	margin: 0px;
	overflow: hidden;
	background-image: url();
}

/* ブログの配置 */



/* サイド（左サイド） */
#links{

}


/* ************************************************ 
 *	リンクカラーの設定
 * ************************************************ */

/* 全般 */
a{
}
a:link{}
a:visited{}
a:active{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}

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

/* カレンダー */
.calendar a{}
.calendar a:link{}
.calendar a:visited{}
.calendar a:active{}
.calendar a:hover{}

/* 続きを読む */
.acontinues a{}
.acontinues a:link{}
.acontinues a:visited{}
.acontinues a:active{}
.acontinues a:hover{}

/* 次のページ・前のページ */
.amenu a{}
.amenu a:link{}
.amenu a:visited{}
.amenu a:active{}
.amenu a:hover{}




/*　このページの上へ　*/
.aposted a{}
.aposted a:link{}
.aposted a:visited{}
.aposted a:active{}
.aposted a:hover{}

/*　トラックバック　*/
.atrackback-post a{}
.atrackback-post a:link{}
.atrackback-post a:visited{}
.atrackback-post a:active{}
.atrackback-post a:hover{}

/*　RSS　*/
.rss a:link{}
.rss a:visited{}
.rss a:hover{}
.rss a:active{}



/* ************************************************ 
 *	記事の設定
 * ************************************************ */

/* パン屑メニュー */
.topicpass {
	font-size: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #666666;
	line-height: 16px;
	vertical-align: bottom;
}
.topicpass img {
	border: none;
	vertical-align: bottom;
}

/* 記事 */
.blogbody{
	overflow: hidden;
}

/* 記事タイトル */
.title{
	font-size: 140%;
	background-color: #ffffff;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin: 0px 0px 10px;
	color: #000;
	text-align: left;
	border-left:10px solid #000;
}
.title a{
    color:#333;
    text-decoration: none;
}
.title a:hover{
    color:#33f;
    text-decoration: none;
}
.blogdate{
    text-align: right;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #333;
    margin-bottom: 20px;
}
/* 記事日付 */
.date{
	font-size: 80%;
	color: #666666;
	margin-top: 0px;
	text-align: right;
	margin-bottom: 2px;
}

/* 記事本文 */


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

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

/* 記事フッター */
.posted{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	padding-top: 3px;
	text-align: right;
	margin-bottom: 20px;
	margin-top: 5px;
	clear: both;
	font-size: 83%;
}


/* ************************************************ 
 *	トラックバックエリアの設定
 * ************************************************ */

/* この記事へのトラックバック */
.title_s{
	margin: 0px 0px 5px 10px;
	font-size: 100%;
}

/* この記事へのトラックバックURL */
.trackback-url{
	font-size: 100%;
	font-weight: bold;
	color: #;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 15px;
}

/* トラックバック本文 */
.trackback-body{
	margin: 5px 20px;
	font-size: 85%;
	line-height: 130%;
}

/*トラックバック送信元など*/
.trackback-post{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 3px;
	font-size: 82%;
	text-align: right;
}


/* ************************************************ 
 *	コメントエリアの設定
 * ************************************************ */

/* この記事へのコメント */
.comments-head{
	margin: 0px 0px 0px 15px;
	font-weight: bold;
	font-size: 100%;
}

/* コメント投稿者日時など*/
.comments-post{
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
	padding-top: 3px;
	font-size: 82%;
	text-align: right;}

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

/* コメント入力テーブル */
table.form {
	width: 400px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

/* 本文 */
#text{
	width: 350px;
}

/* メールアドレス */
#email{}

/* 名前 */
#author{}

/* URL */
#url{}

/*情報を記憶チェックボックス*/
#bake{}

/*確認せずに書込チェックボックス*/
#savecheck{}

/* ************************************************ 
 *	プラグイン設定
 * ************************************************ */

/* サイドブロック */
.side{
	margin-bottom: 10px;
}

/* サイドタイトル */
.sidetitle{
	background-color: #ffffff;
	padding: 3px;
	margin-top: 0px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 90%;
	color: #;
}

/* サイド本文 */
.sidebody{
	margin-bottom: 3px;
	margin-right:auto;
	margin-left:auto;
	width: 300px;
}

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

/* カレンダー ここから ----------*/
/* 大枠 */
.calender{
	text-align: center;
	margin-bottom: 10px;
}
/* 上部年月日表示 */
.calendarhead{
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 11px;
}
/* 枠 */
.calendartable{
	border: 1px solid #CCCCCC;
	font-size: 12px;
	width: 160px;
	margin-right: auto;
	margin-left: auto;
}
/* 曜日枠 */
.calendarwd{
	background-color: #ffffff;
	padding: 5px;
}
/* 曜日 */
.calendarweek{}
/* 日付枠 */
.calendard{
	text-align: center;
	border: 1px solid #CCCCCC;
}
/* 日曜日 */
.sun{
	color: #CC0000;
}
/* 土曜日 */
.sat{
	color: #0099FF;
}
/* 今日 */
.today{
	font-weight: bold;
}
/* カレンダー ここまで ----------*/

/* カテゴリー */
.category {
	margin-bottom: 10px;
}

/* 最近の記事 */
.recententry {}

/* 過去記事 */
.archives {}

/* 最近のコメント */
.comment {}

/* 最近のトラックバック */
.trackback {}

/* お気に入り */
.link  {
	margin-bottom: 10px;
}

/* ブログ内検索 */
.search {
	margin-bottom: 10px;
}

/* QRコード */
.qrcode {
	margin-bottom: 10px;
}

/* アクセスカウンタ */
.counter {
	margin-bottom: 10px;
}

/* 読者登録 */
.subscription {
	margin-bottom: 10px;
}

/* プロフィール */
.profile {
	margin-bottom: 10px;
}
.nickname{
	font-weight: bold;
	word-spacing: 0.2em;
	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;
}
.message{
	font-size: 85%;
	line-height: 120%;
	margin: 5px;
}

/* お勧め商品 */
.article_ad {
	margin-bottom: 10px;
}

/* タグクラウド */
.tag_cloud {
	margin-bottom: 10px;
}

/* カスタムプラグイン1 */
.custom1 {
	margin-bottom: 10px;
}

/* カスタムプラグイン2 */
.custom2 {
	margin-bottom: 10px;
}

/* カスタムプラグイン3 */
.custom3 {
	margin-bottom: 10px;
}

/* オーナーにメッセージ */
.inquiry{}

/* 新規投稿 */
.blog_entry{}

/* マイアルバム */
.album{
	margin-bottom: 10px;
}
#album_img_flame{}
#album_href{}
#album_img{}
#album_title{}
#album_list{}

/* ************************************************ 
 *	フッターの設定
 * ************************************************ */

/* このページの上へ */
.pagetop{
	font-size: 85%;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 10px;
}