/*====================================================
	
	andpanda.net Style Sheet TOPページ
	
=====================================================*/

@charset "UTF-8";

/*----------------------------------------------------
		メインイメージ
-----------------------------------------------------*/
/*左コラムボックス*/


div#topLeftImgWrap{
	float:left;
	width:488px;
	height:268px;
	margin:0;
}


/*右イメージボックス*/

div#topRightImgWrap{
	float:right;
	width:242px;
	height:268px;
	padding:0;
	margin:0;
}

html>body div#topRightImgWrap{
	float:right;
	width:242px;
	height:268px;
	padding:0;
	margin:0 10px 0 0;
}
/*コラムボタン*/

p#columnBt{
	padding:0;
	margin:0;
}

p#columnBt01 a{
	display:block;
	background:url(../../image/bt_column.gif) top left no-repeat ;
	width:242px;
	height:268px;
	text-indent:-9999px;
	text-decoration:none;
	padding:0 0 0 0;
	margin:0 0 0 10px;
}

p#columnBt01 a:hover{
	background-position: 0 -268px;
}



/*----------------------------------------------------
		コラムレイアウト
-----------------------------------------------------*/
/*左コラムボックス*/

div#topLeftWrap{
	float:left;
	width:460px;
}

div#topColumnTop{
	background:url(../../image/bg_cont_t.gif) top left no-repeat;
	width:460px;
	height:10px;
}

div#topColumn{
	width:460px;
	background-color:#FFF;
	padding:13px 20px 15px 20px;
	text-align:left;
}

html>body div#topColumn{
	width:420px;
	padding:13px 20px 10px 20px;
}

div#topColumnBtm{
	background:url(../../image/bg_cont_b.jpg) top left no-repeat;
	width:460px;
	height:10px;
	margin-bottom:15px;
}

/*左コラムテキスト*/

div#topColumn p.txtColumn{
	line-height:1.5em;
	text-indent:1em;
	padding-left:8px;
	width:412px;
}

div#topColumn p.txt{
	line-height:1.5em;
	width:412px;
	padding:0.8em 0 0.8em 8px;
}


div#topColumn p.txtLink{
	padding-top:15px;
	padding-left:20px;
	background:url(../../image/arrow01.gif) 10px 17px no-repeat;
}

h2#topH2{
	border-bottom:1px solid #FF9999;
	padding:0 0 3px 2px;
	margin:0;
	width:410px;
}

p#topDate{
	padding:3px 0 10px 7px;
	margin:0;
	font-weight:bold;
	color:#999999;
	width:405px;
}

/*トップページあいうえお雑記用*/

h2#aiueoTopH2{
	padding:0 0 3px 2px;
	margin:0;
	width:410px;
}

div#topColumn h3#aiueoTopH3{
	padding:15px 0 10px 5px;
	margin:0;
	font-weight:bold;
	color:#666699;
	width:405px;
	text-align:left;
	font-size:85%;
}

/*コラムページあいうえお雑記*/

div#topColumn h4#aiueoH4{
	padding:10px 0 10px 5px;
	margin:0;
	font-weight:bold;
	color:#666699;
	width:405px;
	text-align:left;
}


div#topColumn p#aiueoDate{
	padding:0px 0 0 5px;
	margin:0;
	font-weight:bold;
	color:#666699;
	width:405px;
	text-align:right;
}

/*右イメージボックス*/

div#topRightWrap{
	float:right;
	width:260px;
}



div#topImgTop{
	background:url(../../image/bg_img_t.gif) top left no-repeat;
	width:260px;
	height:10px;
}

div#topImg{
	width:260px;
	background-color:#FFF;
	margin:0 auto;
	text-align:center;
}

div#topImgBtm{
	background:url(../../image/bg_img_b.gif) top left no-repeat;
	width:260px;
	height:10px;
	margin-bottom:15px;
}



/*下部ボタン*/

div#footbtn{
	display:block;
	width:780px;
	height:83px;
	background-color: #000 ;
}

#footbtn ul{
	padding:0 20px;
}

#footbtn li{
	float:left;
}

#footbtn01 a{
	display:block;
	background:url(../../image/bt_works.gif) top left no-repeat ;
	width:242px;
	height:83px;
	text-indent:-9999px;
	text-decoration:none;
}
#footbtn02 a{
	display:block;
	background:url(../../image/bt_profile.gif) top left no-repeat ;
	width:242px;
	height:83px;
	text-indent:-9999px;
	text-decoration:none;
	margin-left:7px;
}

#footbtn03 a{
	display:block;
	background:url(../../image/bt_contact.gif) top left no-repeat ;
	width:242px;
	height:83px;
	text-indent:-9999px;
	text-decoration:none;
	margin-left:7px;
}

#footbtn04 a{
	display:block;
	background:url(../../image/bt_about.gif) top left no-repeat ;
	width:242px;
	height:83px;
	text-indent:-9999px;
	text-decoration:none;
	margin-left:7px;
}


#footbtn01 a:hover{
	background-position: 0 -83px;
}
#footbtn02 a:hover{
	background-position: 0 -83px;
}
#footbtn03 a:hover{
	background-position: 0 -83px;
}
#footbtn04 a:hover{
	background-position: 0 -83px;
}