@charset "utf-8";

/* Base ---------------------------- */

body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐ ゴシック";
	text-align: center;
	line-height: 150%;
	color: #333;
}
* html body {
	font-size: 75%;
}
*+html body {
	font-size: 75%;
}

html,body,div,
ul,li,dl,dt,dd,
form,input,textarea,
h1,h2,h3,h4,h5,h6,p,th,td {
	margin: 0;
	padding: 0;
}

ol{ 
	margin: 0 0 0 25px;
	padding: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: 0;
	margin: 0;
	padding: 0;
} 

a, a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #6699CC; 
	text-decoration: underline;
}
em,b,u,s,i,th,var {
	font-style: normal;
	font-weight: normal;
}


/* Layout ---------------------------- */

#containerTop {
    width: 1024px;
	min-height: 100%;
    margin: 0 auto;
    background: url("../images/common/bg.gif") no-repeat;
	text-align: left;
}
#container {
	position: relative;
    width: 1024px;
	min-height: 100%;
    margin: 0 auto;
    background: url("../images/common/bg_sub.gif") no-repeat;
	text-align: left;
}

/*Top page*/
#contentAreaTop {
	float: left;
    width: 489px;
	padding: 295px 0 0 45px;
}
#subAreaTop {
	float: right;
    width: 352px;
	padding: 52px 38px 0 0;
}

/*Sub page*/
#subArea {
	float: left;
    width: 181px;
	padding: 34px 0 0 10px;
}
#subArea p {
	margin: 0;
	padding: 0 0 5px 0;
}
#subArea #naviSub {
    width: 171px;
	margin: 27px 0 0 0;
	padding: 0 0 0 10px;
}
#subArea #naviSub p {
	margin: 0;
	padding: 23px 0 0 0;
}
#contentArea {
	float: left;
    width: 658px;
	padding: 21px;
	margin: 70px 0 0 50px;
	background-color: #FFF;
	border: 1px solid #FFD2D2;
}
#content {
    padding-top: 0;
    padding-bottom: 0;
}



/* Parts ---------------------------- */

.clear {
	clear:both;
}
.spc40 {
	margin-top: 40px;
}
.spc25 {
	margin-top: 25px;
}
.spc20 {
	margin-top: 20px;
}
.spc5 {
	margin-top: 5px;
}
.spc10 {
	margin-top: 5px;
}
.leftList li {
	float:left;
	margin-right:20px;
}

.pdflist li {
	list-style-type: none;
	background-image: url(../images/common/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}



/* Content ---------------------------- */

#bannerTop {
	width: 489px;
	margin: 29px 0 0 0;
}
#bannerTop img.bn7 {
	float: left;
	padding-right: 7px;
}
#bannerSub {
	width: 158px;
	margin: 200px 0 0 0;
	padding: 0 0 0 5px;
}
.Ques-contents a:link {color: #6699CC; text-decoration: underline;}
.Ques-contents a:visited {color: #6699CC; text-decoration: underline;}
.Ques-contents a:hover {color: #6699CC; text-decoration: underline;background-color: #FFEEEE;}
.Ques-contents a:active {color: #6699CC; text-decoration: underline;background-color: #FFEEEE;}
.mc-contents a:link {color: #6699CC; text-decoration: underline;}
.mc-contents a:visited {color: #6699CC; text-decoration: underline;}
.mc-contents a:hover {color: #6699CC; text-decoration: underline;background-color: #FFEEEE;}
.mc-contents a:active {color: #6699CC; text-decoration: underline;background-color: #FFEEEE;}


/* Column ---------------------------- */

.Year {
	width: 648px;
	height: 23px;
	margin: 20px 0 0 0;
	padding: 3px 0 0 10px;
	background: url("../column/2009/images/bg_year.gif") no-repeat;
}
.Year a.line {
	text-decoration: underline;
}
.Month {
	width: 648px;
	height: 23px;
	margin: 5px 0 0 0;
	padding: 3px 0 0 10px;
}
.Month span {
	color: #990000;
	font-weight: bold;
}

	

/* Footer ---------------------------- */

#footerTop { 
	margin: 0 auto;
	padding: 20px 0;
	width: 934px;
	}
#footer { 
	margin: 0 auto;
	padding: 20px 0;
	width: 992px;
	text-align:left;
	}



/*
 Column TOP----------------------------------------------------------- */
#top_column {
	width: 332px;
	margin-top: 25px;
	margin-bottom: 10px;
}
#top_column .columnimg {
	clear: both;
	float: left;
	width: 74px;
	margin: 10px 0 0 0;
	padding-left: 10px;
} 
#top_column .columntxt {
	float: right;
	width: 230px;
	margin: 10px 0 0 0;
	padding: 10px 0 0 10px;
	background: url("../images/common/arrow.gif") no-repeat 0 14px;
	line-height: 140%;
}
#top_column p {
	padding: 3px 0 0 0;
}
#top_column span {
	/*font-size: 85%;*/
}



/* Topic TOP----------------------------------------------------------- */
#top_topic {
	width: 332px;
	margin: 30px 0 20px 0;
}
#top_topic table.topTopics {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	/*font-size: 85%;*/
	border-collapse: collapse;
}
#top_topic table.topTopics th {
	width: 77px;
	padding-right: 15px;
	font-weight: lighter;	
	text-align: right;
	vertical-align: top;
} 
#top_topic table.topTopics td {
	padding: 4px 0 4px 10px;	
	background: url("../images/common/arrow.gif") no-repeat 0 6px;
	border-bottom: 1px dashes #CCC;
	line-height: 140%;
}



/* faq TOP----------------------------------------------------------- */

#top_faq {
	width: 332px;
	margin: 30px 0 20px 0;
}

#top_faq .title {
	width: 280px;
	margin: 0 0 0 32px;
	padding: 0px 0 0 10px;
	background: url("../images/common/arrow.gif") no-repeat 0 6px;
	line-height: 140%;
}











/* Utilities -------------------------------------------------------------- */
.toTop:after,
#mainContainerAll:after,
#mainContainer:after,
#mainContents:after,
#mainContents-top:after,
#mainContents-innner:after,
#contentArea:after,
#subArea:after,
.maintextAll:after,
.maintextAll p:after,
#content:after,
#footer:after,
.mainList dl:after,
ul.a-list-h:after,
.page:after,
#top_column:after,
#top_column .columnimg:after,
#CategoryList:after,
#CategoryList li:after,
.maintextAll5:after,
.ftnavi:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    line-height: 0;
}

.toTop,
#header-container,
#mainContainerAll,
#mainContainer,
#mainContents,
#mainContents-top,
#mainContents-innner,
#contentArea,
#subArea,
.maintextAll,
.maintextAll p,
#content,
#footer,
.mainList dl,
ul.a-list-h,
.page,
#top_column,
#top_column .columnvimg,
#CategoryList,
#CategoryList li,
.maintextAll5,
.ftnavi {
	zoom:1;
	}
#content {
    height: 1%;
}
#content { display: inline-block; }
/* no ie mac \*/
* html #content { height: 1%; }
#content{ display: block; }
/* */






/* 関連国内大会 -------------------------------------------------------------- */

#bannerSub div.country-box{
	margin:5px 0px 18px 0px;
}
#bannerSub div.country-box div p{
	border:1px solid #cccccc;
	padding:3px;
	margin:0px 0px 3px 0px;
	text-align:center;
	font-size:10px;
	line-height:1.5;
	background: url("../vision/images/index_text_bg.gif") no-repeat left top;
}


/* ページの先頭に戻る -------------------------------------------------------------- */

div.toTop{
	margin:20px 0 0 0;
	text-align:right;
}

div.toTop span.pagetop{
	margin:20px 0 20px 0;
	padding:0 0 0 7px;
	text-align:right;
	background: url("../images/common/arrow_up.gif") no-repeat left center;
	font-size:80%;
}

.clearance{
	margin:			0px 0px 0px 0px;
	padding:		0px;
	font-size:		0px;
	line-height:		0;
	visibility:		hidden;
	clear:			both;
	}


/* 写真 -------------------------------------------------------------- */
.ColumnPhoto_left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.ColumnPhoto_right {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.spc15 {
	margin-top: 15px;
}

