@charset "UTF-8";
/* ======================================================

	Reset

====================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;vertical-align:top;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}

/* ======================================================

	Element

====================================================== */
body{
background: #ffffff;
color: #000000;
font: 12px/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
/font: 12px/1.6 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}

/*  Anchor
------------------------------------------------------ */
a { text-decoration: underline;}
a:hover { text-decoration: none;}
a:link { color: #0066cc;}
a:visited { color: #0066cc;}

a:hover img{ -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity: 0.8;}


/*  Content
------------------------------------------------------ */
header { background: #000000; padding: 10px 0;}
.inner{ width: 720px; margin: 0 auto;}

#main{ background: #e6eef2; text-align: center;}
.img-area{ background: #edf2f7; text-align: center;}

.bl-area{ background: #000000; text-align: center; padding: 35px 0;}
.bl-area h2{ margin-bottom: 25px;}
.bl-area p{ color: #ffffff;}

.wrap{ padding: 40px 0 60px;}
.wrap.wh{ background: #ffffff;}
.wrap.gr{ background: #e4e4e4;}

.profile-area{ margin-bottom: 40px;}

.profile-area.partA .phot{ float: left;}
.profile-area.partA .detail{ float: right;}
.profile-area.partA .detail dt{ text-align: right}
.profile-area.partB .phot{ float: right;}
.profile-area.partB .detail{ float: left;}
.profile-area.partB .detail dt{ text-align: left}
.profile-area .detail{ width: 390px;}

.profile-area .detail div{ margin-bottom: 15px;}
.profile-area .detail h2{ margin-bottom: 10px;}
.profile-area .detail dt{ font-size: 14px; margin-bottom: 15px;}

.box-area{ background: #ffffff; border: 1px solid #d6d6d6; padding: 30px; margin-bottom: 40px;}
.box-area .tit{ margin-bottom: 20px;}
.box-area .left{ float: left; width: 223px;}
.box-area .right{ float: right; width: 406px;}
.box-area dt{ font-size: 13px; font-weight: bold; margin-bottom: 5px;}
.box-area dd.text{ margin-bottom: 20px;}
.box-area dt.gold{ color: #b08d3b;}
.box-area dt.silver{ color: #7b9391;}

.box-area dd.bg{ position: relative; width: 406px; height: 275px;}
.box-area dd.bg span{ position: absolute; left: 11px; bottom: 10px;}

.comment-area{ background: #d6d6d6;}
.comment-area.partA{ margin-bottom: 20px;}
.comment-area.partA div{ float: left;}
.comment-area.partA dl{ float: right;}
.comment-area.partB div{ float: right;}
.comment-area.partB dl{ float: left;}
.comment-area dl{ width: 500px; padding: 30px 30px 0 30px;}
.comment-area dt{ font-weight: bold; margin-bottom: 5px;}
#btn{ margin-top: 40px;}

footer{ background: #000000; padding: 50px 0;}
footer dl{ border: 1px solid #ffffff; color: #ffffff; padding: 30px; margin-bottom: 50px;}
footer dt{ margin-bottom: 20px;}
footer p{ color: #ffffff; text-align: center;}