@charset "Shift_JIS";
/*共通のスタイルシートはここに記述*/

body,div,dl,dt,dd,ul,ol,li,di,table,p,h1,h2,h3,h4,hr,tr,td,class {
	margin:0;
	padding:0;
}
* {
	margin:0;
	padding:0;
}
body,input,textarea,select{font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif}

/*背景に関する記述*/
body {
	color:#3f3f3f;
	background-color:#FBFFD4;
	background-image:url(../images/temp/bg_upper.gif);
	background-repeat:repeat-x;
	text-align:center;
	font-size:95%;
}
/*真ん中の外枠*/
#container-main {
	width:850px;
	text-align:left;
}
#maincolumn-w850 {
	width:850px;
	background-image:url(../images/menubg-base.gif);
	background-repeat:repeat-y;
	background-position:left top;
	float:left;
	z-index:1;
}
/*左カラム（メニュー）　*/
#leftcolumn-w240 {
	width:240px;
	float:left;
}
/*右カラム（コンテンツ）　*/
#rightcolumn-w580 {
	width:580px;
	margin-left:30px;
	float:right
}
/*見出し文字（一番上部）の記述*/
h1
{
	color:#3A6587;
	margin-top:1px;
	font-weight:normal;
	font-size:10pt;
	margin-bottom:1px;
	padding-bottom:1px;
	padding-top:1px;
	letter-spacing:1px
}
h1 a:link
{
	color:#3A6587;
	text-decoration:none
}
h1 a:visited
{
	color:#3A6587;
	text-decoration:none
}
h1 a:hover
{
	color:#3A6587;
	text-decoration:none
}

h3 {
	font-size:11pt;
	color:#105A91;
	font-weight:normal;
}
h3 a:link
{
	color:#105A91;
	text-decoration:none
}
h3 a:visited
{
	color:#105A91;
	text-decoration:none
}
h3 a:hover
{
	color:#fc821d;
	text-decoration:underline
}
/*ヘッダー　メニューの背景の記述*/
.menubox {
	height:30px;
	width:850px;
	border:1px solid #737373;
	background:linear-gradient(to bottom,#fafafa,#323232,#313131);
	z-index:100;
}
#Menu {
	text-align:center;
	margin-top:3px;
}
ul#drop_down_menu {
	list-style-type:none;
}
ul#drop_down_menu li {
	float:left;
	position:relative;
	margin:0;
	text-align:left;
	border:solid 1px white;
	border-width:0 1px 0 0;
	width:200px;
	z-index:100;
	font-size:0.9em;
}
ul#drop_down_menu li a {
	padding:5px 20px;
	display:block;
	text-decoration:none;
	color:#fff;
}
ul#drop_down_menu div.drop_down_item{
	padding:5px 20px;
	color:#fff;
}
ul#drop_down_menu li ul {
	visibility:hidden;
	list-style-type:none;
	border:solid gray;
	border-width:0 1px 1px 1px;
	position:absolute;
	top:25px;left:0;
	padding:0;
	background-color:white;
}
ul#drop_down_menu li ul li {
	float:none;padding:0;margin:0;
}
ul#drop_down_menu li ul li a{
	padding:5px;margin:0;
	background-color:#fff;
	color:#333;
	border:solid 1px gray;
	border-width:1px 0 0 0;
	display:block;
}
ul#drop_down_menu li ul li div.drop_down_item{
	padding:5px;
	background:#ddd;
	color:#333;
	border-top:solid 1px gray;
}
ul#drop_down_menu li:hover ul li a{
	background-color:#fff;
}
ul#drop_down_menu li ul li a:hover{
	background:#eee;
	color:darkorange;
}

/*左サイド　レイアウトの記述*/
.contentsbg-w220 {
	width:220px;
	background-image:url(../images/contentsbg.gif);
	background-repeat:repeat-y;
	background-position:center;
}
.contentsbg-w200 {
	width:200px;
	border:1px solid #9a9a9a;
	background-color:#fff;
}
/*左メニューのテキスト*/
.leftcolumn-menu{list-style-type:none;margin:3px auto 8px auto;}
.leftcolumn-menu li{text-align:left;font-size:0.8em;margin:4px auto 2px 14px;line-height:12px; background:url(../images/point_ball10pt.gif) no-repeat 0 -4px;padding-left:14px;}
.leftcolumn-menu li a:link {
	color:#3f3f3f;
	text-decoration:none;
}
.leftcolumn-menu li a:visited {
	color:#3f3f3f;
	text-decoration:none;
}
.leftcolumn-menu li a:hover {
	color:#155ab0;
	text-decoration:underline;
}

/* ソフトウェアバナー */
#sitebanner{float:left;width:240px;margin:10px 0;}
/* ソフトウェアバナーの右側 */
#toplist{float:right;list-style-type:none;margin-top:10px;}
#toplist li{float:left;margin-right:5px;font-size:85%;}

/* フッタ */
#bottomlist_box{font-size:0.85em;text-align:center; float:none;margin-bottom:10px }
#bottomlist{list-style-type:none;}/* フッターを変えれば不要になる20110527 */
#bottomlist li{float:left;margin-right:10px;font-size:85%;}/* フッターを変えれば不要になる20110527 */
#bottomlist_box a{display:inline-block; margin-right:5px;line-height:1.1em}

/* Pマーク */
.pmark{width:220px;margin:15px 0;}
.pmark img{float:left;padding-left:5px;}
.pmark p{float:left;padding:5px;font-size:10pt;text-align:left;}

/* コピーライト */
.copyright{
	clear:both;
	font-size:0.85em;
	color:#3f3f3f;
	letter-spacing:1px;
	margin:10px auto;
	text-align:center;
}

/* フロート（段組）のクリア */
.clear-flef {
	clear:both;
}
.clearfix:after {/* clear-flefは今後使わない方向で */
	content:"";
	clear:both;
	display:block;
}
.clearfix {
	zoom:1; /* for IE6/7 */
}

/* 水平線（hrに指定する） */
.hr-m5 {margin:5px 0;border-top:1px solid #ccc}
.hr-m10 {margin:10px 0;border-top:1px solid #ccc}
.hr-m15 {margin:15px 0;border-top:1px solid #ccc}

/* リンクの記述 */
a:link {
	color:#155ab0;
	text-decoration:underline
}
a:visited
{
	color:#155ab0;
	text-decoration:underline
}
a:hover {
	color:#fc821d;
	text-decoration:underline
}

/* パンくずリスト */
#topicpath {
	font-size:0.8em;
}
#topicpath ul {
	list-style:none;
}
#topicpath li {
	display:inline;
	background:url(../images/arrow-topicpath.gif) right no-repeat;
}
#topicpath li:last-child {
	background:none;
}
#topicpath a {
	padding-right:12px;
}
#topicpath a:link {
	color:#3f3f3f;
	text-decoration:none;
}
#topicpath a:visited {
	color:#3f3f3f;
	text-decoration:none;
}
#topicpath a:hover {
	color:#fc821d;
	text-decoration:underline;
}


/* スペース各種----------------------------*/
.pt-2px {
	padding-top:2px;
}
.pt-3px {
	padding-top:3px;
}
.pt-4px {
	padding-top:4px;
}
.pt-5px {
	padding-top:5px;
}
.pt-8px {
	padding-top:8px;
}
.pt-10px {
	padding-top:10px;
}
.pt-15px {
	padding-top:15px;
}
.pt-20px {
	padding-top:20px;
}
.pt-25px {
	padding-top:20px;
}
.pt-30px {
	padding-top:30px;
}
.pt-50px {
	padding-top:50px;
}

/* バナー */
#banner-camtop{float:right;text-align:right;margin:5px 4px 6px 0;width:340px;}

/* 拡大する */
a.zoomin {font-size:90%; background:url(../images/zoom_in.png) no-repeat; display:inline-block; padding-left:18px; margin-top:3px;}