@charset "UTF-8";

/* *********************************************************************
BASE
********************************************************************* */

body { color: #333333; font-size: 14px; line-height: 1.6; margin:0; padding:0;}
a:link { color: #666666}
a:visited { color: #cccccc}
a:hover { color: #666666; font-weight: bolder}
a:active { color: #666666; font-weight: bolder}

table { border-collapse:collapse}

img { max-width:100%; height:auto;}

p#first {display: none;}

.sm { display: none;}
.pc { display: inline;}

#header_base { background: #333333;}
#header { margin: auto; padding: 5px 0px 3px 0px; width: 990px;}
#wrapper { text-align: left; margin: auto; padding: 40px 0px 20px 0px; width: 990px;}
#wrapper_wait { text-align: left; margin: auto; padding: 40px 0px 20px 0px; width: 990px; height: 450px; background: url("img/wait.jpg") no-repeat right ;}

.footer { text-align: center; background:#333333; color: #FFFFFF; padding: 10px}

h1 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 24px}

.p16 { font-size: 16px}
.p12 { font-size: 12px}
.p10 { font-size: 10px}

.mt1{ margin-top: 10px}

.blank { background: url("img/blank.gif") no-repeat right; padding-right:15px }

/* *********************************************************************
メニュー
********************************************************************* */

#menu_base { background:#333333;}

#menu { margin: auto; padding: 7px 0px 0px 0px; width: 960px;}
#menu ul { list-style: none; margin: 0px 0px 0px 0px; padding: 0px}
#menu li { float: left; width: 120px ; margin: 0px; padding: 0px;}

/* *********************************************************************
インデックス
********************************************************************* */

#outline { margin:10px 0px 20px 0px}
#outline .dl_flo { padding: 0px; margin: 0px}
#outline .dl_flo dt { font-weight:bold ; padding: 2px 0px 10px 0px; margin-bottom: 15px; float: left; width:90px; clear: left; background:url(img/dl_flo.gif) no-repeat; text-align:center}
#outline .dl_flo dd { padding: 2px 0px 10px 5px; margin:0px 0px 15px 100px;}

#outline ul { padding: 0px; margin: -2px 0px 0px 0px; list-style: none}
#outline li { padding: 2px 0px 0px 25px; margin: 0px 0px 5px 0px; background: url("img/h2_s.gif") no-repeat}

.top_left { float: left; width: 300px; margin: 0px 0px 10px 0px}
.top_right { float: right; width: 650px}

.news { width: 100%; height: 100px; margin-bottom: 20px}

/* *********************************************************************
参加選手
********************************************************************* */

#players { width: 1005px}
#players ul { list-style: none; padding: 0px}
#players li { float: left; width: 318px; height: 330px; border: solid 1px #333333; padding: 0px; margin:0px 15px 15px 0px}

.flag { float: right; margin: 5px 5px 5px 5px; border: solid 1px #FFFFFF;}
.country { border: solid 1px #333333; padding: 7px 5px 7px 5px; background: #333333; color: #FFFFFF; font-weight: bolder; font-size: 16px;}
.country_m { border: solid 1px #333333; padding: 9px 5px 9px 5px; background: #333333; color: #FFFFFF; font-weight: bolder; font-size: 14px;}
.country_s { border: solid 1px #333333; padding: 5px 5px 5px 5px; background: #333333; color: #FFFFFF; font-weight: bolder; font-size: 12px; line-height: 120%}

.p_photo { margin: 20px 0px 0px 0px; text-align: center}
.p_text { padding: 12px}

.p_name { font-size: 16px; font-weight: bolder}
.p_name_m { font-size: 14px; font-weight: bolder; line-height: 180%}
.p_name_s { font-size: 12px; font-weight: bolder; line-height: 200%}

/* *********************************************************************
棋譜鑑賞
********************************************************************* */

.records { width: 100%; height: 500px; margin-bottom: 20px; border: none}

/* *********************************************************************
写真
********************************************************************* */

#photo_navi { background: #F5F5F5; padding: 10px;}
#photo_navi ul { padding: 0px; margin: 0px; list-style: none; margin-left:120px;}
#photo_navi li { padding: 0px; margin: 0px; float: left; text-align: center; width: 150px; vertical-align: middle}

.cs { padding-top: 15px; color: #cccccc}

#photos_top ul { padding: 0px; margin: 0px; list-style: none;}
#photos_top li { padding: 0px; margin: 0px 15px 15px 15px; float: left; text-align: center; width: 300px}

.photo_day { padding: 5px 5px 5px 15px ; background: #333333; color: #FFFFFF; font-weight: bolder}
#photo_list ul { padding: 0px; margin: 0px; list-style: none}
#photo_list li { padding: 0px; margin: 0px; float: left; width: 198px; height: 135px}
.click_top { text-align: right; margin: 20px 0px 20px 0px}

/* *********************************************************************
大会の歴史
********************************************************************* */

#table_h { margin-bottom: 20px}
#table_h table { width: 100%}
#table_h th { border: solid 1px #333333; padding: 5px; background: #333333; color: #FFFFFF; font-weight: bolder}
#table_h td { border: solid 1px #333333; padding: 5px}

.rank { background: #dddddd; text-align: center}

/* *********************************************************************
100周年イベント
********************************************************************* */

#event { padding: 20px 0px 0px 10px}
#event ul { padding: 0px; margin: 0px 0px 0px 0px; list-style: none}
#event li { padding: 2px 0px 20px 25px; margin: 0px 0px 5px 0px; background: url("img/h2_s.gif") no-repeat;}