@charset "utf-8";
/*==wrapを読み込まない==*/
/*==cap02を読み込まない==*/
*{
margin:0px;
padding:0px;
}
body{
font-family:"メイリオ", "Meiryo UI", "ヒラギノ丸ゴ Pro W4", "小塚ゴシック Pro R", sans-serif;
letter-spacing:0.2em;
background:url(../images/07bg_10.gif);
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
margin:0px;
padding:0px;
font-size:11px;
}
ul{
list-style-type:none;
}
img{
border:none;
}
input,textarea,select{
font-size:1em;
}
form{
margin:0px;
}
table{
border-collapse:collapse;
font-size:100%;
border-spacing:0;
}
.clearfix:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.clearfix{
overflow:hidden;
}
a{
color:#060;
}
a:hover{
color:#F60;
}
.mT20{
margin-top:20px;
}
.mB20{
margin-bottom:20px;
}
/*======== レイアウト部分 ============================*/
#wrap{
width:800px;
margin-right:auto;
margin-left:auto;
background-color:#FFF;
position:absolute;
left:20%;
right:20%;
}
#header{
float:left;
width:500px;
margin:10px;
position:absolute;
z-index:100;
}
.head{
display:table-cell;
background-color:#FFE4E1;
color:#FFF;
font-size:28px;
font-weight:bold;
line-height:30px;
text-align:center;
vertical-align:middle;
padding:10px;
}
.siteTitle a{
color:#FA8072;
font-size:28px;
text-decoration:none;
z-index:100;
}
#GNav{
width:800px;
position:absolute;
z-index:1;
top:320px;
left:0px;
}
#ContentWrap{
float:right;
width:560px;
padding-top:10px;
padding-bottom:20px;
padding-right:15px;
padding-left:15px;
}
#MainContents2{
padding-top:370px;
width:480px;
float:right;
}
#subContents2{
position:absolute;
top:380px;
width:260px;
margin-bottom:15px;
left:10px;
}
#footer{
clear:both;
background-color:#FFE4E1;
color:#F6F;
clear:both;
}
.foot{
padding:10px;
}
.copy{
text-align:center;
margin-top:25px;
}
/*メインビジュアル部分*/
.Mv{
position:absolute;
top:0px;
z-index:0;
left:0px;
}
/*======== ナビゲーション ==========================*/
/*Gナビ部分*/
.GNavList li{
display:inline;
padding:2px;
margin-right:2px;
}
.GNavList{
float:right;
text-align:right;
}
.GNavList li a{
background-image:url("../images/point004_06.gif");
background-position:left 3px;
background-repeat:no-repeat;
background-color:#FFF;
padding-left:1.5em;
}
.GNavList li a:hover{
background-color:#FFE4E1;
}
/*サイドナビ部分*/
.Nav li{
display:inline;
padding:5px;
margin-left:10px;
white-space:nowrap;
}
.Nav li a{
color:#333;
background-image:url(../images/point004_04.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:12px;
margin-bottom:10px;
}
.Nav li a:hover{
color:#F90;
background-image:url(../images/point004_08.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:12px;
}
/*フッターナビ部分*/
.FNav{
text-align:center;
}
.FNav li{
background-image:url("../images/point004_05.gif");
background-position:left 3px;
background-repeat:no-repeat;
padding-left:1.5em;
display:inline;
margin-right:10px;
white-space:nowrap;
}
.FNav li a{
color:#390;
}
.FNav li a:hover{
color:#F60;
}
/*======== 見出し要素 ==========================*/
.cap01{
font-size:15px;
border-left-width:10px;
border-left-style:solid;
border-left-color:#333;
color:#FFF;
background-color:#FFE4E1;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
}
.cap02{
font-size:15px;
border-left-width:10px;
border-left-style:solid;
border-left-color:#FFB6C1;
color:#FA8072;
background-color:#FFE4E1;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
}
.caption03{
background-color:#FFE4E1;
padding:5px;
font-size:15px;
color:#FA8072;
}
/*======== リンク ==========================*/
.link01{
padding:10px;
}
.link01 li{
margin-bottom:10px;
background-image:url(../images/20p_231.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:15px;
}
/*======== テキスト ==========================*/
.text01{
line-height:25px;
letter-spacing:0.2em;
padding:10px;
}
.textBox02{
background-color:#FFC;
padding:10px;
margin:10px;
}
/*==配色：#151563
#4e4e91
#8787ca
#d3d3ff==*/
/*==color==*/
.colorBlue_bg{
color:#ffffff;
background-color:#093fad;
padding:1px 2px;
margin:1px;
}
.colorBlue{
color:#0066cc;
font-weight:bold;
}
.colorPink_bg{
color:#ffffff;
background-color:#ff6699;
padding:1px 2px;
margin:1px;
}
.colorRed_bg{
color:#ffffff;
background-color:#F8495A;
padding:1px 2px;
margin:1px;
}
.colorRed{
font-weight:bold;
color:#F8495A;
}
.colorGreen_bg{
color:#ffffff;
background-color:#779E17;
padding:1px 2px;
margin:1px;
}
.colorGreen{
font-weight:bold;
color:#779e17;
}
.colorOrange_bg{
color:#ffffff;
background-color:#F60;
padding:1px 2px;
margin:1px;
}
.colorOrange{
font-weight:bold;
color:#F60;
}
.colorYellow_bg{
color:#333333;
background-color:#FFFF66;
padding:1px 2px;
margin:1px;
}
.colorYellow{
font-weight:bold;
color:#A65318;
}
.colorLgreen{
font-weight:bold;
color:#6C0;
}
.colorPurple{
font-weight:bold;
color:#87145F;
}
.colorgray{
font-weight:bold;
color:#666;
}
.colorblack{
font-weight:bold;
color:#000;
}
.fontB{
font-weight:bold;
}
.Line{
text-decoration:none;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#C90;
}
.imgR{
float:right;
margin-top:15px;
margin-bottom:10px;
margin-left:10px;
position:static;
}
.imgL{
float:left;
margin-top:15px;
margin-right:10px;
margin-bottom:10px;
position:static;
}
.imgboder{
border:#999 1px solid;
}
.new dd a{
color:#096;
}
.new dd a:hover{
color:#00CE8B;
}
#footer{
clear:both;
line-height:25px;
}
#footer a:hover{
}
#blogparts{
text-align:center;
margin:20px auto;
font-size:12px;
}
/*==dots==*/
.link01 li a{
/*color:#06C;*/
background-image: url(../images/dots_link01_01.png);
display:block;
padding-left:25px;
background-repeat: no-repeat;
background-position: left center;
}

.link01 li a:hover {
/*color:#0CF;*/
background-image: url(../images/dots_link01_02.png);
padding-left:25px;
}

.FNav li a {
/*color: #FFF;*/
text-decoration: underline;
background-image: url(../images/dots_fnav_01.png);
padding-left:25px;
background-repeat: no-repeat;
background-position: left center;
}

.FNav li a:hover {
background-image: url(../images/dots_fnav_02.png);
/*color: #FFF;*/
text-decoration: none;
padding-left:25px;
background-repeat: no-repeat;
background-position: left center;
}
/*==Nav_01==*/
.Nav{
padding:10px;
background-color:#d3d3ff;
border-bottom:#151563 1px dotted;
border-left:#151563 1px dotted;
border-right:#151563 1px dotted;
}
.Nav li{
padding:10px 2px;
border-bottom:#151563 1px dotted;
}
.cap02{
box-shadow:0px 0px 0px #fff;
}
.Nav li a{
background-image:url(../images/dots_nav_01.png);
display:block;
padding-left:25px;
background-repeat:no-repeat;
background-position:left center;
}
.Nav li a:hover{
background-image:url(../images/dots_nav_02.png);
display:block;
padding-left:25px;
background-repeat:no-repeat;
background-position:left center;
}