/*
Theme Name: Startup01-red
Description: Startup-theme　
Author: RADIX CO.
Author URI: http://www.radix.ad.jp/
*/

* {margin: 0; padding: 0;}

html{height: 100%;}

/* BODY */
body {margin: 0;padding: 0;text-align: center;color:#333;font-size: 80%;line-height: 175%;
  font-size:80%;line-height:175%;font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  background: #FFF;}

/* strong */
strong {font-weight: bold;}

/* 画像属性 */
img {border: none;}
.img-l{float: left;margin: 5px 10px 5px 0;}
.img-r{float: right;margin: 5px 0 5px 10px;}
.img-c{;margin: 10px auto;}
.img-m{margin-right: 5px; vertical-align: middle;}
.img-t{margin-right: 5px; vertical-align: top;}
.img-b{margin-right: 5px; vertical-align: bottom;}

a:hover img.link{
  filter: alpha(opacity=60);
  -moz-opacity:0.60;
  -ms-filter: "alpha( opacity=60 )";
  opacity:0.60;
  background:none!important;}

/* 初期化 */
h2,h3,h4{font-size: 14px;font-weight: normal;}
hr{display: none;}

/* テーブルの属性*/
table {margin: 0;padding: 0;}
td {padding: 0;}

/*引用属性*/
blockquote {
	width: 500px;
	height: 400px;
	overflow: auto;
	border: 1px solid #CCC;
	margin: 10px 20px 10px 20px;
	padding: 5px;
	text-align: left;}

/* リンクの属性（未指定の時） */
body a{color:#C00;text-decoration: underline;}
body a:hover {color:#c00;text-decoration: none;}
  
/* 基本設定 ----------------------------- */
#wrap{
	width:978px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:0 auto;
}

#wrap-in{
	width:940px;
	margin:0 auto;
}

#head{
	_height:81px;
	min-height:81px;
	background:url(img/head01.jpg) repeat-x bottom;
	text-align:left;
	border-bottom:5px solid #c00;
}

#logo{
	line-height:81px;
	font-size:180%;
	font-weight:bold;
	float:left;
	padding-left:10px;
}

#gnav{
	float:right;
	white-space:nowrap;
	list-style:none;
	background:url(img/nav01.jpg) no-repeat left;
	padding-left:2px;
}

#gnav li{
	float:left;
	white-space:nowrap;
	line-height:normal;
	list-style:none;
	background:url(img/nav01.jpg) no-repeat right;}
#gnav li a:link,
#gnav li a:visited,
#gnav li a:active
{display:block; white-space:nowrap; _height:76px; min-height:76px; color:#333; text-decoration:none; font-weight:bold; border-bottom:3px solid #ccc;float:left;}

#gnav li a:hover
{display:block; white-space:nowrap; _height:76px; min-height:76px; color:#c00; text-decoration:none; font-weight:bold; border-bottom:3px solid #c00;float:left;}

#gnav li a span{
	display:block;
	padding:47px 12px 10px 12px;
	 float:left; white-space:nowrap;}

#logo a{text-decoration:none;color:#c00;}

#base{
  height: 120px;
  /*background: #6EB3F8;*/
  /*border-bottom: 1px solid #4DA4FA;*/
  /* CSS3 */
  /* shadow */
  /*  -moz-box-shadow: 0px 0px 10px #336699;
    -webkit-box-shadow: 0px 0px 10px #336699;
    box-shadow: 0px 0px 10px #336699;*/
background:url('img/bg1.jpg') repeat-x top;
}

#base-top{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 30px;
  width: 100%;
  background: #4DA4FA;
  display: block;}

/*ヘッダー*/
#header  {
  /*width: 800px;*/
  margin: 0 auto;
  height:155px;
  text-align: left;
  /*background: #6EB3F8;*/
  border: none;
  background:url(img/nav-bg.jpg) repeat-x bottom;}
#header-in  {
  width: 798px;
  margin: 0 auto;
  height:155px;
  text-align: left;
  border: none;
  position: relative;}

h1{
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	padding:5px;
	line-height:normal;
	font-size:11px;
	color:#666;
	text-align:left;
	font-weight:normal;
	}
h1 div{
	display:block;
	float:right;
	white-space:nowrap;
}
h1:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
* html h1 { zoom: 1; } /* IE6 */
*:first-child+html h1 { zoom: 1; } /* IE7 */	
  
#header h1 a{color: #039; text-decoration:none;}
#header h1 a:hover{color:#039; text-decoration:none;}

#header #des{
  position: absolute;
  top: 60px;
  left: 10px;
  width: 780px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  text-align: left;
  line-height:normal;
  padding:5px 0;
  border-top:1px dotted #999;}

ul.h_navi{
  position: absolute;
  top: 0px;
  right: 10px;
  height: 30px;
  width: 100%;
  background: #4DA4FA;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  list-style: none;}

.h_navi li{
  margin: 4px 2px;
  width: 80px;
  height: 20px;
  float: right;
  display: inline;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 3px;   
    -moz-border-radius:: 3px;  
    border-radius: 3px;
  /* shadow */
    -moz-box-shadow: 0px 0px 2px #666;
    -webkit-box-shadow: 0px 0px 2px #666;
    box-shadow: 0px 0px 2px #666;
  /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4DA4FA), to(#016DD7));
    background: -moz-linear-gradient(#4DA4FA, #016DD7);
    background: linear-gradient(#4DA4FA, #016DD7);
    -pie-background: linear-gradient(#4DA4FA, #016DD7);}

#ie9 .h_navi li { background:url('img/index2.png') repeat-x left bottom;}  /* IE9 */
    
.h_navi li span{
  text-align:center;
  line-height: 20px;
  font-size: 12px;
  color: #FFF;
  display: block;}
.h_navi li a{text-decoration: none!important;position: relative; top: 0px; left: 0px;}
.h_navi li a:hover span {color:#F60;}
  
ul.navigation{
  position: absolute;
  top: 100px;
  height: 55px;
  width: 100%;
  background-color:#039;
  list-style: none;
  background:url(img/nav-bg.jpg) repeat-x;
}

#ie9 ul.navigation { background:url('img/t_menu.png') repeat-x left bottom;}  /* IE9 */

.navigation li{
  width: 188px;
  height:55px;
  text-align: center;
  text-decoration: none;
  padding:0 5px;
  display: inline;
  border-left: 1px solid #CCC;
  float: left;}
  
.navigation li:first-child{border-left:none;}
 
.navigation li a{text-decoration: none;}
.navigation li a span{
  color:#FFF;
  font-weight: bold;
  line-height: 30px;
  border-bottom: 5px solid #99CCEF;
  display:block;}

.navigation li a:hover span {color:#FFF;border-bottom: 5px solid #F88;}
.navigation li a:hover{position: relative; top: 0px; left: 0px;}

/*  パンくずリスト  */
.navi {
  margin :10px 0;
  font-size: 12px;
  padding-left: 5px;
  text-align: left;}

/*ブログの枠等の属性*/
#containar {
	/*background:url(img/bg2.jpg) repeat-x top;*/
  padding-top: 20px;
  text-align: left;}

/*コンテンツ*/
#contents {
  margin: 0 auto;
  padding: 0;
  font-size: 100%;
  background: #FFF;}
        
#contents h2 {
  margin-bottom: 10px;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#EEE #CCC #CCC #EEE;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}

#ie9 #contents h2 { background:url('img/h_back.png') repeat-x left bottom;}  /* IE9 */

#contents h2 span{
  padding-left:5px;
  color:#0066CC;
  font-size:145%;
  font-weight:bold;
  line-height:150%;
  border-left:solid 5px #4DA4FA;
  display:block;}

#contents h3,
#contents h3.com,
#contents h3.comments-open-header,
#contents h3.trackbacks-header,
#contents h3.comments-header{
  margin-bottom: 10px;
  padding:5px;
  border-style:solid;
  border-width:1px;
  border-color:#EEE #CCC #CCC #EEE;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}

#ie9 #contents h3,
#ie9 #contents h3.com,
#ie9 #contents h3.comments-open-header,
#ie9 #contents h3.trackbacks-header,
#ie9 #contents h3.comments-header{ background:url('img/h_back.png') repeat-x left bottom;}  /* IE9 */

#contents h3 span,
#contents h3.com span,
#contents h3.comments-open-header span,
#contents h3.trackbacks-header span,
#contents h3.comments-header span{
  padding-left:5px;
  color:#0066CC;
  font-size:100%;
  font-weight:bold;
  line-height:135%;
  border-left:solid 5px #CC6699;
  display:block;}
  
  
/*リンク属性 */
#contents a{font-weight: normal;}
#contents a.c1{font-weight: bold;}
#contents a.more-link{font-weight: normal;}
#contents h2 a,#contents h3 a,#contents h4 a{font-weight: bold;}

#contents h4 {
  margin: 10px 10px 10px 0;
  color: #333;
  font-weight: bold;
  font-size: 100%;
  line-height: 150%;
  display: block;
  text-align: left;}

/*インフォメーション*/
#contents #info{
  margin-top: 10px;
  padding: 20px;
  border: 1px solid #CCC;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}
 	
/*検索*/
#s_box{
  margin: 20px;
  padding: 10px;
  border: 1px solid #CCC;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}

/*記事*/
#contents .doc{
  /*margin: 10px 10px 0 20px;*/
  text-align: left;}

#contents .doc p{padding-bottom: 10px;}

#contents ul{margin-left: 15px;}

#contents ul li{line-height: 135%;}

#contents .posted {
  text-align: right;
  font-size: 10px;
  margin: 0px 20px 10px 0;}

/*  関連記事リスト属性 */
#contents ol{margin: 0px 0px 0px 30px;}

#contents li{
  margin: 0;
  font-size: 100%;
  line-height: 19px;}

#contents .kanren{
  margin-top: 15px;
  padding: 10px;
  background: #EFEFEF;
  font-size: 12px;
  line-height: 150%;
  border: 1px solid #CCC;
  /* CSS3 */
    /* gradient */
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
    border-radius: 5px;}

/*  相互リンクリスト属性 */
#contents .slink ul{
  margin: 10px 5px 20px 20px;}

#contents .slink ul li{
  margin: 0;
  font-size: 12px;
  line-height: 150%;}

/* ---- コメント----- */
.comments p{
  padding: 0 10px 0px 20px;
  text-align: left;}

#captchaImgDiv{
  margin: 0 10px 0px 20px;
  text-align: left;}

.comments ol{
  margin-left: 25px;
  color:#666;
  font-size: 85%;}

.comments li{margin: 5px 0;}

.t_back{margin: 10px 0 10px 20px;}

/* 続きを読む */
a.more-link{
  float: right;
  margin-bottom: 20px;
  padding: 3px 10px;
  font-size: 85%;
  line-height: 100%;
  text-decoration: none;
  border-style:solid;
  border-width:1px;
  border-color:#CCC #BBB #BBB #CCC;
  /* CSS3 */
    /* radius */
    -webkit-border-radius: 8px;  
    -moz-border-radius: 8px;
    border-radius: 8px;  
    /* gradien */
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#EFEFEF));
    background: -moz-linear-gradient(#FFF, #EFEFEF);
    background: linear-gradient(#FFF, #EFEFEF);
    -pie-background: linear-gradient(#FFF, #EFEFEF);}
    
#ie9 a.more-link{ background:url('img/menu.png') repeat-x left bottom;}  /* IE9 */

a.more-link:hover{
    /* shadow */
    -moz-box-shadow: 0 0 8px #666; 
    -webkit-box-shadow: 0 0 8px #666; 
    box-shadow: 0 0 8px #666;}

/*　アドセンス　*/
.ads_rec{
  margin: 10px 0 10px 10px;
  text-align: left;}

.ads_sky{
  margin:0 auto;}

.ads_sqr{
  margin:10px 0;
  text-align: center;}

.ads_banner{
  margin: 15px 0;
  text-align: center;}

/* ---- サイトマップ属性----- */
.ddsg-wrapper h2{
  margin: 10px 0 5px 0;
  font-size: 100%;
  font-weight: bold;
  text-indent: 25px;
  line-height: 120%;
}

.ddsg-wrapper ul{
  margin: 5px 0 10px 20px;
  list-style-type: square;
  font-size: 100%;
  line-height: 150%;
}
.ddsg-wrapper li{
  margin-left: 10px;
}


/*フッターナビ*/
.f_space{clear: both;margin:10px 20px;height: 20px;}

ul.f_navi{
  font-size: 12px;
  list-style: none;}

.f_navi li{
  margin: 0 2px;
  width: 105px;
  height: 20px;
  float: right;
  display: inline;
  background: #FFF;
  /* CSS3 */
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 2px #666;
    -webkit-box-shadow: 0px 0px 2px #666;
    box-shadow: 0px 0px 2px #666;}

.f_navi li span{
  margin: 2px 4px;
  padding-left: 4px;
  text-align:left;
  line-height: 120%;
  display: block;}

.f_navi li a .red{border-left: 3px solid #FF9999;}
.f_navi li a .blue{border-left: 3px solid #6699FF;}
.f_navi li a .green{border-left: 3px solid #33CC66;}
.f_navi li a .yellow{border-left: 3px solid #FFCC33;}
.f_navi li a .purple{border-left: 3px solid #CC99CC;}
.f_navi li a .grey{border-left: 3px solid #BBB}

.f_navi li a{color: #666;text-decoration: none!important;}
.f_navi li a:hover span {color:#F30;border-left: 3px solid #FF3300!important;}

/*フッター*/
#footer{
  clear: both;
  margin: 0 auto;
  border-top: 1px solid #4DA4FA;
  color: #336699;
  font-size: 12px;
  padding: 15px 10px;
  text-align: center;
  background: #6EB3F8;
  /* CSS3 */
  /* shadow */
    -moz-box-shadow: 0px 0px 10px #336699;
    -webkit-box-shadow: 0px 0px 10px #336699;
    box-shadow: 0px 0px 10px #336699;}

#footer .copyright{
  margin: 0 10px;
  font-size: 12px;
  text-align: right;}


ul.f_list{margin; 0;padding-bottom: 10px;
  text-align: right;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0;
  list-style: none;}

.f_list li{
  margin: 4px 2px;
  width: 90px;
  height: 20px;
  float: right;
  display: inline;
  /* CSS3 */
    -webkit-border-radius: 3px;  
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 0px 2px #666;
    -webkit-box-shadow: 0px 0px 2px #666;
    box-shadow: 0px 0px 2px #666;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4DA4FA), to(#016DD7));
    background: -moz-linear-gradient(#4DA4FA, #016DD7);
    background: linear-gradient(#4DA4FA, #016DD7);
    -pie-background: linear-gradient(#4DA4FA, #016DD7);}

#ie9 .f_list li { background:url('img/index2.png') repeat-x left bottom;}  /* IE9 */
    
.f_list li span{
  text-align:center;
  line-height: 20px;
  font-size: 12px;
  color: #FFF;
  display: block;}
.f_list li a{text-decoration: none!important;position: relative; top: 0px; left: 0px;}
.f_list li a:hover span {color:#F60;}

.copyright p{ clear: both;padding: 0; text-align: right;}
.copyright p a{color: #FFF;text-decoration: underline;}
.copyright p a:hover {color:#F30;text-decoration: none;}

/*その他属性*/
.line{clear: both;margin: 10px 0 20px 0;border-bottom: 1px solid #CCC;}
.red_uline{border-bottom: 3px solid #F30;}
.uline{border-bottom: 1px solid #99C4FF;}  
.dotline{clear: both;margin: 5px 0;border-bottom: 1px dotted #CCC;}
.clear{clear: both;}
hr{display: none;}

/* 線の属性 */
.dot{border-bottom:1px dotted #ccc;}
.solid{border-bottom:1px solid #ccc;}

/*フォント属性*/
.fon70{font-size: 75%;}
.fon85{font-size: 85%;}
.fon90{font-size: 92%;}
.fon100{font-size: 100%;}
.fon115{font-size: 115%;}
.fon130{font-size: 130%;}
.fon145{font-size: 143%;}
.fon150{font-size: 150%;}
.fon200{font-size: 200%;}
.tab10{padding-left: 10px;}
.tab20{padding-left: 20px;}
.tab30{padding-left: 30px;}
.bld{font-weight: bold;}

/* ボタン例 */
.button a{
  width : 300px;
  margin: 10px 0;
  padding : 8px;
  color : #FFF;
  font-size : 24px;
  text-align : center; 
  text-decoration : none; 
  background-color : orange;
  border : 3px solid #FFF;
  display : block;
  /* CSS3 */
    /* radius */
    -webkit-border-radius : .8em;
    -moz-border-radius : .8em;
    border-radius : .8em; 
    /* shadow */
    -moz-box-shadow: 0 0 5px #999; 
    -webkit-box-shadow: 0 0 5px #999; 
    box-shadow: 0 0 5px #999;
    text-shadow : 0px -1px 0px #ccc;}


.button a:hover{
  color : #FFF;
  background-color : #990066;
    /* shadow */
    -moz-box-shadow: 0 0 5px #C00; 
    -webkit-box-shadow: 0 0 5px #C00; 
    box-shadow: 0 0 5px #C00;}

.swt{
  position: absolute;
  left:5px;
  top: 5px;
  list-style: none;
}

.alignleft,.left {float:left;}
.alignright,.right{float:right;}
.w640{width:640px;}
.w280{width:280px;}
h2{
	background:url(img/titbg1.jpg) repeat-x top;
	padding:10px;
	line-height:normal;
	font-size:120%;
	color:#333;
	border-bottom:2px solid #c00;
	margin-bottom:15px;
	font-weight:bold;
}
h3{
	background-color:#c00;
	padding:8px;
	line-height:normal;
	font-size:100%;
	color:#fff;
	margin-bottom:10px;
}
.news{
	padding:0 10px 10px 10px;
}
.news p{padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #666;}
.clear{clear:both;}
.mb20{margin-bottom:20px;}
.box1{border:1px solid #ccc; padding:1px;}
.pagetop{
	width:60px;
	height:22px;
	overflow:hidden;
	background:url(img/pagetop.jpg) no-repeat;
	float:right;
}
.pagetop span{display:none;}
.footline{
	border-top:3px solid #c00;
	padding-top:5px;
	padding-bottom:15px;
	margin-top:5px;}
#foot{text-align:left; border-top:20px solid #fff; font-size:11px; line-height:normal;}
.in15{padding:0 15px;}
.color-a{color:#c00;}
.table1{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc;width:100%;line-height:150%;}
.table1 th{background:#efefef;border-width:0 1px 1px 0;border-style:solid; border-color:#ccc;padding:6px;text-align:left;vertical-align:top;}
.table1 td{border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;padding:6px;vertical-align:top;}

.dtb{
	border-bottom:1px dotted #666;
	padding:5px 0px;
}
.dtb:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
.dth{
	width:200px;
	background-color:#efefef;
	float:left;
	padding:5px;
}

.dtd{
	width:680px;
	background-color:#fff;
	float:right;
	padding:5px;
}
* html .dtb { zoom: 1; } /* IE6 */
*:first-child+html .dtb { zoom: 1; } /* IE7 */
.submit{text-align:center;
padding:10px;
background-color:#efefef;
margin-top:10px;
border-top:1px solid #ccc;}
.red{color:#C00;}
.bt1{border-top:1px dotted #666; padding-top:10px; margin-top:10px;}