@charset "shift_jis";


/* =maincol　メインコンテンツ用スタイル
----------------------------------------------- */
/* 各ブロックのマージン指定 */


/* 基本指定 */

#maincol { padding-bottom: 20px; }
#maincol .section { margin-bottom: 40px; padding: 0 0; }
#maincol .article { margin-bottom: 20px; }
#maincol h2 { margin-bottom: 16px; }
#maincol h3 { margin-bottom: 15px; }

.text-area { overflow:auto;zoom:1; }
.text-area p { margin-bottom: 20px; }
.ph-left { float:left; margin-right: 15px; margin-bottom: 10px; }
.ph-right { float:right; margin-left: 20px; }

/* パンくずリスト */
#pankuzu { font-size: 94%; margin-bottom: 10px; }

/* =トップページ
----------------------------------------------- */
/* 新着情報 */
#maincol #news h2 { margin-bottom: 10px; width: 620px; height: 28px; position:relative; }
#maincol #news h2 span { position:absolute; right: 0; top: 7px; display:block; width: 7em; height: 20px; font-size: 12px; font-weight:normal; text-align:right; }
#maincol #news dl { border-bottom: 1px dotted #3385d6; margin-bottom: 5px; }
#maincol #news dt { width: 7em; float:left; padding: 5px 0; }
#maincol #news dd { margin-left: 10px; padding: 5px 0; }
/* 簡単３ステップ */
#wrap #content #maincol #step3List h2 { text-align:center; margin-bottom: 5px; }
#maincol #step3List .step3-body { background: #fff url(../../img/bg_dot.gif) left top repeat; padding: 15px; text-align:center; }
#maincol #step3List .step3-body .flow { border: 2px solid #009900; padding: 0 0 16px; background-color: #fff; }
#maincol #step3List .step3-body .flow p { padding: 0; text-align:center; }
#maincol #step3List .step3-body .flow h3 { background-color: #090; text-align: center; margin-bottom: 16px; }

/* =セカンドページ
----------------------------------------------- */
#second #wrap #content #maincol { text-align: left; }

#step{ font-size:12px; line-height:normal;}

#step h2{
	margin-bottom: 10px;
	width: 350px;
	height: 30px;
}
#step h3{ margin-bottom: 10px; margin-top:20px; width: 620px; height: 35px; border-bottom: solid 1px #3385d6;}
#step h4{ margin-bottom: 0px; width: 620px; height: 33px;}

/* 上部グレイ部分 */
#step .sabgray{
font-size:12px;
line-height:1.8;
width: 600px; 
height: 38px;
background: url(../../img/bg_sub_gray.jpg);
background-repeat:no-repeat;
padding:10px 10px 10px 10px;
}

#step dl {
	padding: 0px;
	margin-top:0px;
	margin-bottom:20px;
}
#step dl dt {
	float: left;
	padding-top: 10px;
	padding-right:20px;
	
}
#step dl dd {
color:#333333;
	padding-top: 10px;
	font-size:12;
	line-height: 1.8;
	}



#step .textarea{
color:#333333;
	font-size:12;
	line-height: 1.2;
	padding-bottom:25px;
	padding-left:12px;
}

#step .caption
{
color:#333333;
font-size:12px;
line-height:1.8;
padding: 10px 0 10px 0;
}
#step .photo{
padding-right:20px;
padding-bottom:22px;
}

#step .photo2{
padding-top:10px;
padding-bottom:10px;
text-align:center;
width:220px;
}

#step .photo3
{
color:#333333;
font-size:12px;
line-height:1.4;
width:220px;
}

#step p{
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5;
	}


#matome

/* 下部まとめ部分 */
.waku{
 width:620px;
 margin: 10px 0px 10px 0px;
 background:url(../../img/m_bg.jpg);
}
.hukidasi{
 float: left;
 width: 90px;
 padding: 0px;
 background:url(../../img/m01.jpg);
 background-position:top;}

.textwaku{
font-size:12px;
 margin-left:90px;
 padding: 50px 10px 0px 0px;
 background:url(../../img/m02.jpg);
 background-repeat:no-repeat;
 line-height: 1.8;
 }
.sita{
 clear:left;
 }
 
 
 #stepfoot
 .stepfoot{
 padding-top:10px;
 text-align:center;
 border-top:dotted #0066CC 1px ;}
 
#stepfoot a{
font-size:14px;
background-image:url(../../img/stp01/link_point.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 22px;
 
 }
 
 
.box0066CCtab{
height:20px;
width:150px;
padding:0;
text-align:left;}

.box0066CC{
 padding:20px;
 text-align:center;
 border:solid #0066CC 1px ;
 }


/* takahashi.css
----------------------------------------------- */

/*共通のh3*/
#maincol .another h3 {
	margin:20px 0 10px 0;
	padding:0 0 5px 0;
	border-bottom: 2px solid #4799ea;
	font-size:14px;
	font-weight:bold;
}

#maincol .another .text{
	line-height:1.8;
}



/*利用規約*/
#maincol .another .text #rule-list{
	margin:0;
	padding:0 0 0 2em;
	list-style-type:decimal;
	list-style-position:inside;
	text-indent:-1em;
}

#maincol .another .text #kome{
	margin:0;
	padding:0 0 0 2em;
	list-style-type:none;
	text-indent:-1em;
}

	
/*ウェブカメラの選び方*/	

#maincol #step .clearfix .text{
	padding-left:10px;
}
	
#maincol .osusume{
	clear:both;
	height:140px;
	margin-bottom:20px;
}	
	
#maincol .osusume .camera-img{
	width:140px;
	float:left;
}
	
#maincol .osusume .camera-cap{
	width:460px;
	padding-left:20px;
	float:right;
	line-height:1.8;
}

#maincol .osusume .camera-cap p{
	color:#4799ea;
	font-weight:bold;}
	
#maincol #onlinestore{
	text-align:right;
}

#maincol .osusume .camera-cap a{
font-size:14px;
background-image:url(../../img/stp01/link_point.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 18px;
 
 }
	

/*新着情報*/

#maincol #news h3{
	background-color:#f7f7f7;
	font-size:15px;
	border-bottom: 1px dotted #4799ea;
	padding:10px 0 0 10px;
	line-height:1.8;
}


#maincol #news .textBody{
	line-height:1.8;
	padding:0 0 0 10px;}
	
#maincol #news .news_list_monthly{
	color:#4799ea;
	font-size:16px;
	font-weight:bold;
	padding-bottom:10px;
	
}



/*サイトマップ*/
#maincol #sitemap2  h3{
	background:url(../../img/map_ttl_bg.gif) no-repeat;
	height:30px;
	margin:20px 0 0 0 ;
	padding-top: 7px;
	padding-left:25px;
	font-size:18px;
	font-weight:bold;
	color:#3368a5;
}

#maincol #sitemap2  h4{
	height:20px;
	margin:15px 0 0px 0 ;
	padding-left:28px;
	font-size:15px;
	font-weight:bold;
}
	
#maincol #sitemap2 .map-list{
color:#666666;
	margin:0px;
	font-weight:bolder;
	line-height:2.2;
	list-style-type:none;
	
}
#maincol #sitemap2 .map-list li {
	padding-left:45px;
	list-style-type:none;
	
}

#maincol #sitemap2 .map-list .map-list2{
	margin:0px;
	line-height:2.2;
	font-weight:normal;
	list-style-type:none;
	
}
#maincol #sitemap2 .map-list .map-list2 li {
	background:url(../../img/list_icon.gif) no-repeat 50px 10px;
	padding-left:60px;
	list-style-type:none;
	
	
}


#maincol #step .sabgray.m-bottom-20{
	 margin-bottom:20px;}


/* 
----------------------------------------------- */



/*サイトマップT*/
/*
#maincol #sitemap02 h5{
	background:url(../../img/map_ttl_bg.gif) no-repeat;
	height:30px;
	font-size:14px;
	font-weight:bold;
	padding-left:25px;
	padding-top:8px;
}


#maincol #sitemap02 div .map-list{
	list-style-position:inside;
	list-style-type:disk;
}


	
#sitemap02 .midasi{
padding-left:22px;
line-height:1.8}

#sitemap02 .map-list2{
padding-left:32px;
line-height:1.8}

#sitemap02 .waku{
padding-bottom:35px;}
*/

/*　　*/
	


/* =サイトマップ
----------------------------------------------- */

/* 背景色指定 */
.sbg-01 {background-color: #eee; border: 1px solid #ddd; width: 14em; display:block; }
.sbg-02 {background-color: #eee; border: 1px solid #ddd; width: 14em; display:block; }
.sbg-03 {background-color: #eee; border: 1px solid #ddd; width: 14em; display:block; }
.sbg-04 {background-color: #eee; border: 1px solid #ddd; width: 14em; display:block; }
.sbg-05 {background-color: #eee; border: 1px solid #ddd; width: 14em; display:block; }
/* ツーリー構造の指定 */
div.chart { margin-bottom:25px; text-align:left; }
div.chart ul { margin:0; padding:0; margin-bottom:21px; list-style:none; background:url("../../img/bg_chart_line.gif") repeat-y 25px 1px; line-height:1.5; }
div.chart ul li { margin:0 0 4px 0; padding-left:20px; font-size: 100%; }
div.chart ul ul { margin-top:5px; background: url(../../img/bg_chart_line.gif) repeat-y 5px 0; }
div.chart ul li ul li { font-size: 100%; padding-left:30px; }
div.chart ul li.chartList { background:url("../../img/icon_li_chart.gif") no-repeat 25px 1px; }
div.chart ul li.chartList-last { background:url("../../img/icon_li_chart_bottm.gif") no-repeat 25px 1px; }
div.chart ul li ul li.chartList { background:url("../../img/icon_li_chart.gif") no-repeat 5px 1px; }
div.chart .chartList-first { background:url("../../img/icon_li_chart_top.gif") no-repeat 25px 0px; }
div.chart ul li ul li.chartList-last { background:url("../../img/icon_li_chart_bottm.gif") no-repeat 5px 1px; }