/* CSS Document */

/*■初期設定*/

body{
	color:#330000;/*通常のテキストカラー*/
	}
a{
	color:#006699;/*通常のリンクテキストカラー*/
	}
a:hover{
	color:#FF9900;/*マウスが乗った時の通常のリンクテキストカラー*/
	text-decoration:underline;/*マウスが乗った時下線を表示（つけない場合は underline を none へ）*/
	}

/*■初期設定ここまで*/



*{ margin:0; padding:0;}
img{ border:0;}


*{ margin:0; padding:0;}
img{ border:0;}

table,div{
	margin:auto;
	}

/*■フォントサイズ調整*/
body {
    font-size: 13px; /* モダンブラウザ */
    *font-size: small; /* IE 7 */
    *font: x-small; /* IE 6以下 */
	/* font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
	font-family:'ＭＳ Ｐゴシック';

}
p,th,td,li{
	font-size:12px;
	*font-size:90%;
	*font:80%;
	}

body{
	text-align:center;
	}

.CNT{ text-align:center;}
.L{ text-align:left;}
.R{ text-align:right;}


#container{
	width:800px;
	margin:auto;
	text-align:left;
	}
h1{
	height:20px;
	line-height:16px;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	text-indent:10px;
	}
h2{
	margin:10px 0 0 0px;
	font-weight:normal;
	}
h2 a{
	font-size:25px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}
h2 a:hover{
	text-decoration:none;
	color:#333333;}

#head{
	background-color:#FFCC00;
	border:solid #333333;
	border-width:2px 0 0 0;
	zoom: 100%;
	}
#head:after{
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#head_menu{
	float:left;
	width:190px;
	}
#head_menu ul{
	list-style-type:none;
	}
#head_menu ul li{
	font-size:14px;
	letter-spacing:1px;
	}
#head_menu ul li a{
	color:#ffffff;
	text-decoration:none;
	font-size:14px;
	background:url(../img/common/bg_menu.jpg);
	width:190px;
	height:36px;
	display:block;
	line-height:36px;
	text-indent:10px;
	}
#head_menu ul li a:hover{
	color:#FFCC00;
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	}
#main_image{
	float:left;
	background:url(../img/common/main_image.jpg) no-repeat;
	width:610px;
	height:182px;
	}
#main_image p{
	margin:20px;
	color:#000000;
	font-size:15px;
	text-align:right;
	}

#contents{
	margin:20px 0 20px 0;
	clear:left;
	zoom:100%;
	}
#contents:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}

#copy{
	clear:left;
	background-color: #330000;
	height:20px;
	line-height:20px;
	font-size:10px;
	text-align:right;
	color:#ffffff;
	border: double #330000;
	border-width:3px 0 0 0;
	padding:2px;
	}
#copy a{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	line-height:20px;
	}
#copy a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-size:10px;
	}

/***トップ***/
#top{
	zoom:100%;
	}
#top:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#top div#left h2{
	font-size:25px;
	color:#663300;
	font-weight:normal;
	}
#top div#left{
	float:left;
	width:560px;
	}
#top div#left h4{
	font-size:12px;
	margin:6px 0 0 0;
	}
#top div#left div#info{
	background:url(../img/top/bg_info.gif);
	width:560px;
	height:220px;
	}
#top div#left div#info h5{
	margin:8px 10px 0 10px;
	font-size:smaller;
	}
#top div#left div#info p{
	margin:4px 10px 0 10px;
	}
#top div#right{
	float:left;
	width:230px;
	margin:0 0 0 10px;
	}
#top div#right div#bnr_sps{}
#top div#right div#bnr_sps p{
	margin:10px 0 0 0;
	background-color:#FFCC00;
	line-height:100%;
	}
#top div#right div#bnr_sps p a{
	}
#top div#right div#bnr_sps p a:hover img{
	filter:alpha(opacity=50); /*IE*/
	-moz-opacity:0.50; /*FF*/
	}

/***その他のページ-共通***/
/***その他のページ***/
#other_page{}
#other_page h3{
	font-size:25px;
	color:#663300;
	font-weight:normal;
	}
#other_page h4{ font-size:110%;
	line-height:1.0em;
	vertical-align:top;
	margin:20px 0 0 0;
	color:#003333;
	border:solid #663300;
	border-width:0 0 0 5px;
	}
#other_page h5{
	font-size:100%;
	line-height:1.0em;
	vertical-align:top;
	margin:14px 0 0 0;
	color:#663300;
	}
#other_page div.typeA{
	}
#other_page div.typeA p{
	margin:8px 0 0 0;
	line-height:160%;
	}
#other_page div.typeB{
	margin:8px 0 10px 0;
	line-height:160%;
	zoom:100%;
	}
#other_page div.typeB:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
	}
#other_page div.typeB p{
	}
#other_page div.typeB div.left{
	float:left;
	width:370px;
	}
#other_page div.typeB div.right{
	float:right;
	width:370px;
	margin:0 0 0 20px;
	}

#other_page p.margin_none{ margin:0;}
#other_page p{ margin:6px 0 0 0;}

/*テーブルセット*/
#tbl_setA{
	border:#663300 solid 1px;
	border-collapse:collapse;
	margin:0;
	}
#tbl_setA th{
	border:#663300 solid 1px;
	background:url(../img/common/bg_th_a.gif);
	padding:6px;
	color:#333333;
	text-align:center;
	}
#tbl_setA td{
	border:#663300 solid 1px;
	padding:6px;
	}

/* copyrights */
#copyright{
	float: right;
}
#copyright a{
    display: inline;
    font-size: 9px;
    text-decoration: none;
}
#copyright_box{
	width: 28px;
	height: 11px;
}
#copyright p a{
	background: url(http://pondt.com/img/logo.gif) bottom no-repeat;
	width: 28px;
	float: left;
	text-indent: -9999px;
}
*:first-child+html #copyright_box{
	float:right;
}
#menu2 ul{
    list-style: none;
}
#menu2 li{
    float: left;
    margin: 0 2px;
}
.submenu{
    list-style: none;
    border: 1px solid #cccccc;
    background: #ffffff;
    visibility: hidden;
    position: absolute;
    right: 0px;
    z-index: 1;
}
/*jQuery Masonry*/
#wrap {  
    width: 800px; 
    padding: 1px;  
    background: #EEE;  
    overflow: auto;  
}  
.box {  
/*    width: auto;*/
    margin: 1px;  
    padding: 1px;  
    float: left; 
    background: #fff;  
    color: #FFF;  
    display: inline;  /* IE6 fix*/   
}

/*

	jQuery Bubble Popup v.2.3.1
	http://maxvergelli.wordpress.com/jquery-bubble-popup/
	
	Copyright (c) 2010 Max Vergelli
	
	Permission is hereby granted, free of charge, to any person obtaining a copy
	of this software and associated documentation files (the "Software"), to deal
	in the Software without restriction, including without limitation the rights
	to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
	copies of the Software, and to permit persons to whom the Software is
	furnished to do so, subject to the following conditions:
	
	The above copyright notice and this permission notice shall be included in
	all copies or substantial portions of the Software.
	
	THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
	IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
	FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
	AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
	LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
	OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
	THE SOFTWARE.

*/

	/* Layout Settings */
	.jquerybubblepopup{width:auto;height:auto;margin:0px;padding:0px;position:absolute;border:0px;z-index:100;text-align:center;background-color:transparent;}
	.jquerybubblepopup-ie{filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3);} /* the plugin adds this class only if browser is IE; if IE9, it's added to main <DIV> else to <TABLE> */
	.jquerybubblepopup table{width:auto;height:auto;margin:0px;padding:0px;display:table;border-collapse:collapse;border-spacing:0px;border:0px;empty-cells:show;background-color:transparent;}
	.jquerybubblepopup tbody{display:table-row-group;vertical-align:middle;border:0px;background-color:transparent;}
	.jquerybubblepopup td{margin:0px;padding:0px;background-color:transparent;}
	.jquerybubblepopup-top-left,    .jquerybubblepopup-top-right,
	.jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{width:21px;height:21px;overflow:hidden;background-repeat:no-repeat;}
	.jquerybubblepopup-top-middle,  .jquerybubblepopup-bottom-middle{overflow:hidden;background-repeat:repeat-x;}
	.jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{overflow:hidden;background-repeat:repeat-y;}
	.jquerybubblepopup-tail{border:0px;margin:0px;padding:0px;display:inline;}

/*  
	Themes:

	The plugin adds the class of the theme (for example ".jquerybubblepopup-azure") 
	to the main <DIV> container, then you can edit the style of any element inside the 
	Bubble Popup markup for each theme.
	
	The following code defines fonts and backgrounds of the "innerHtml" for each theme:
*/
	.jquerybubblepopup-azure  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-black  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-blue   .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-green  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-grey   .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-orange .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-violet .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-yellow .jquerybubblepopup-innerHtml
	{
		font-family:'Trebuchet MS',Arial;
		font-size:11px;
		font-weight:normal;
		color:#000000;
		background-color:#FFFFFF;
	}
	.jquerybubblepopup-all-azure  .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-all-black  .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-blue   .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-all-green  .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-grey   .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml,
	.jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml, 
	.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml
	{
		font-family:'Trebuchet MS',Arial;
		font-size:11px;
		font-weight:normal;
		color:#FFFFFF;
	}
	.jquerybubblepopup-all-azure  .jquerybubblepopup-innerHtml{background-color:#0099FF;}
	.jquerybubblepopup-all-black  .jquerybubblepopup-innerHtml{background-color:#000000;} 
	.jquerybubblepopup-all-blue   .jquerybubblepopup-innerHtml{background-color:#0066CC;}
	.jquerybubblepopup-all-green  .jquerybubblepopup-innerHtml{background-color:#66FF00;} 
	.jquerybubblepopup-all-grey   .jquerybubblepopup-innerHtml{background-color:#666666;}
	.jquerybubblepopup-all-orange .jquerybubblepopup-innerHtml{background-color:#FF9933;}
	.jquerybubblepopup-all-violet .jquerybubblepopup-innerHtml{background-color:#FF33FF;} 
	.jquerybubblepopup-all-yellow .jquerybubblepopup-innerHtml{background-color:#FFCC00;}