@charset "Shift_JIS";


/*■■■■■■■
　　PC版設定
■■■■■■■■*/
body {
font-family: "Yu Gothic","メイリオ","Lucida Grande","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;color:#000; text-align:center; }
/*
■ ブラウザのマージンとパディング初期化
*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*
■ イメージ初期化
*/
img {vertical-align:top;margin:0;padding:0;border:none;}
/*
■ 境界線
*/
hr { display:none;}
/*
■ リンク設定
*/
a img{border: none;}
a:hover img { opacity:0.7;}

a {color: #460055;text-decoration:none;}
a:hover {color:#d6007f;text-decoration:underline;}
a:visited {color:#460055;text-decoration:underline;}
/*
■ float
*/
.fcl:after,.row:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*
■ テキスト
*/
.txt_s {font-size:0.8em;}
.red { color:#e5004f; font-weight: bold;}
.b {font-weight: bold;}

/*
■ リスト
*/
ul{list-style:none;margin:0;padding:0;}
/*

/*
■ 非表示
------------------------------------------*/
.hd { display:none; }


/*■■■■■■■■■■■
　　共通設定
■■■■■■■■■■■■*/

/* body */

body {text-align:center; background:url(body_bg.jpg) repeat-x;}
#container {width:100%; max-height: 100%;}
#container img {width:100%;}
.contents img {margin-bottom:1.4em;}

/* headline */

h1 {background:#b629b6; border-bottom: solid 2px #000; color:#FFF; font-size:0.8em; padding: 0.5em 0; }

.title {width:100%; margin: 0 0 1.4em; padding:0.5em 0; border:solid 2px #000; background:url(../images/bg-h2/bg01-h2-pink.jpg) #f0b4f0 repeat-x bottom; box-sizing:border-box;}
.title h2 {color:#FFF;line-height:1.4;  }
.title_h3  {width:100%; margin: 0 0 1.4em; padding:0.5em 0; border:solid 2px #000; background:url(../images/bg-h3/bg-h3-pink.jpg) #e5e5e5 repeat-x bottom; box-sizing:border-box; text-align: left;}
.title_h3 h3 {border-left: solid 0.3em #cc06cd; padding-left:0.5em; margin-left:1em;color:#000;line-height:1.4;  }

/* global-menu */

#global-menu ul {width:100%; margin:0 0 0.8em;}
#global-menu ul li a {float:left; width:32.9%; max-height:100%; padding:0.5em 0; background: url(../images/bg-menu/bg05-menu.jpg) no-repeat top left; border: solid 2px #000;}
#global-menu ul li a {color:#000; text-decoration: none; letter-spacing: -0.1em;}
/* navi */

#navi {width:100%; max-height: 100%;}
#navi p {font-size:0.6em; text-align:left; line-height: 1.2em; padding-left:2%; margin-bottom:2em; max-height:100%;}
#navi p a {text-decoration: underline;}

/* download table */

table.dl_table {width:96%; max-height;100%;margin:0 2% 1.4em; border:solid 2px #000; }
.dl_table th {letter-spacing:-0.08em; padding: 0.5em 0; border-bottom:solid 2px #000; background:#F19EBC;}
.dl_table th a {font-size:1.5em; color:#000; font-weight:bold; text-decoration:underline;}
.contents .dl_table td p {font-size:1em; padding: 0.5em 2%; margin-bottom:0; text-align:left;}

/* contents */

.contents p,.contents2 p {width:96%; max-height: 100%; margin:0 2% 1.4em; text-align:left;}
.top .contents p strong {letter-spacing:-0.08em; font-size:1.4em; text-shadow: 3px 3px 2px gray;}
.contents p.lead {line-height:1.8em; font-weight:bold; margin-bottom:1.4em;}

.contents ul{ width:90%; max-height:100%; margin:0 2% 1.8em 8%; list-style:disc; font-weight: bold; text-align: left; letter-spacing: -0.1em;}
.contents ul.checklist{ width:86%; margin:0 2% 1.4em; border:solid 2px #000; padding:1.4em 5%; list-style:disc; font-weight: bold; text-align: left; letter-spacing: -0.1em;}
.contents ul.checklist li { list-style: none; background: url(../images/icon/checkbox-7.gif) no-repeat top left; padding-left:2em; line-height:1.4em; margin-bottom:1em;}

.contents dl {width:96%; max-height: 100%; margin:0 2% 1.4em; border:solid 2px #000; text-align: left;}
.contents dt {background:#aaa; border-bottom: solid 2px #000; padding: 0.5em 2%;}
.contents dd {padding: 0.5em 2%; border-bottom: solid 2px #000;}

/* footer */

#footer {width:100%; max-height:100%; background:#b629b6; color:#FFF}
#footer #copyright {width:90%; max-height:100%; padding:2em 5%; font-size: 0.6em; text-align: left;}

/* footer menu */

#footer .menu ul {width:100%; border-top: solid 2px #000;}
#footer .menu li a { display:block;; width:96%; max-height: 100%; padding: 0.5em 2%; border-bottom: solid 2px #000; background:#DEDEDE; color:#000; text-align: left;}

/*■■■■■■■■■■■
　　プロフィールページ設定
■■■■■■■■■■■■*/

#container .fl-c {width:96%; max-height: 100%; margin: 0 2% 1.4em;}
#container .fl-c img {width:30%; float:left; margin-right:1em;}
#container .fl-c .banner_img img {width:96%; margin: 0 2% 1.4em; float:none;}
#container .contents .fl-c p {float:left;}

.link {font-size:0.6em;}


@media (max-width: 480px) {
body { font-size: 32px !important;}
}

@media (min-width: 480px) {
body { font-size: 40px !important;}
}