@charset "utf-8";
/************************************************

	style.css 2012.05.17

	Copyright 2010-2012 image All Rights Reserved.
	URL http://www.image.co.jp/

*************************************************/

/*----------------------------------------------*/
/* text
/*----------------------------------------------*/x
.txtSmallX  { font-size:77%;    }
.txtSmall   { font-size:93%;    }
.txtMiddle  { font-size:100%;   }
.txtLarge   { font-size:116%;   }
.txtLargeX  { font-size:123.1%; }
.txtLargeXX { font-size:138.5%; }

strong   { color:#FE1D79; }
.txtBlue { color:#0C5AA4; }

/* Heading
---------------------------------*/
h2       { font-size:153.9%; }
h3       { font-size:138.5%; }
h4       { font-size:123.1%; }
h5,.lead { font-size:116%;   }
h6       { font-size:108%;   }

h2,h3,h4,h5,h6 { line-height:1.2; }

/*  Font Family
---------------------------------*/
body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }

.msie body, .msie textarea ,
.webkit body, .webkit textarea { font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }


/*----------------------------------------------*/
/* block,box,folder
/*----------------------------------------------*/
.block  { margin-bottom:2em; }
.box    { margin-bottom:1.5em; }
.folder { margin-bottom:1em; }

.block .box:last-child,
.block .box:only-child,
.block .box .folder:last-child,
.block .box .folder:only-child { margin-bottom:0; }

/*----------------------------------------------*/
/* Link
/*----------------------------------------------*/
a         { color:#0f66cc; }
a:link    { color:#0f66cc; }
a:visited { color:#29abe2; }
a:hover   { color:#4DD4FF; }
a:active  { color:#4FFFFF; }

#navGlobalFooter a         { color:#808080; }
#navGlobalFooter a:link    { color:#808080; }
#navGlobalFooter a:visited { color:#808080; }
#navGlobalFooter a:hover   { color:#CCCCCC; }
#navGlobalFooter a:active  { color:#EEEEEE; }

/*----------------------------------------------*/
/* Area Layout - body,wrapper,layout
/*----------------------------------------------*/
body{
	color:#4d4d4d;
}

#areaGlobalHeader,#areaGlobalFooter .block, #copyright small,
#areaContents,#areaKeyVisual, 
#navPagePath,.navToPageTop{
	width:960px;
	margin:0 auto;
}

.home #areaContents {
	width:964px;
}

#areaKeyVisual{
	width:970px;
}

/* single *
.laySingle #areaMain   { width:960px; }

/* double */
.home .layDouble #areaMain       { width:710px; float:left; }
.home .layDouble #areaSideA      { width:248px; float:right;  }
.category .layDouble #areaMain   { width:704px; float:left; }
.category .layDouble #areaSideA  { width:250px; float:right;  }

/* triple *
.layTriple #unitArea   { width:730px; float:left;  }
.layTriple #areaMain   { width:500px; float:right; }
.layTriple #areaSideA  { width:200px; float:left;  }
.layTriple #areaSideB  { width:200px; float:right; }

/* Header Global 
---------------------------------*/
#areaGlobalHeader hgroup { height:120px; }

#siteId { padding-top:67px;}
#siteId span {
	display:inline-block;
	float:left;
}
#companyLogo { margin-right:24px; line-height:1; }
#companyLogo img { display:block; }
#companyName {
	height:25px;
	line-height:0;
	padding-top:1px;
}

#areaGlobalHeader .lead {
	font-size:12px;
	position:absolute;
	top:8px; left:0;
}

/* KeyVisual
---------------------------------*/
#areaKeyVisual {
	padding-top:0.5em;
	margin-bottom:0.5em;
	line-height:1;
	vertical-align:top;
}
/* .home #areaKeyVisual {} */
/* .category #areaKeyVisual {} */

/* Contents
---------------------------------*/
#areaContents { clear:both; }

/* Main */
#areaMain header { margin-bottom:5px; }
#areaMain .block p { margin-bottom:1em; line-height:1.8em; }
.lt8 #areaMain .block p { line-height:1.6em; }

#areaMain .block p:last-child,
#areaMain .block p:only-child{ margin-bottom:0; }

#areaMain .lead {
	color:#0C5AA4;
	margin-bottom:2em; 
	line-height:1.7;
	padding:1em;
	background:url(../img/common/bg/bg_lead.png) repeat 0 0;
}

/* unitArea */
.category #unitArea { background: url(../img/common/bg/bg_side_a.png) repeat-y top right; margin-bottom:1em; }

/* Side */
.category #areaSideA .block { margin-left:10px; margin-right:10px; }

/* Footer Global
---------------------------------*/
#areaGlobalFooter {
	background:url(../img/common/bg/bg_blueline.png) repeat-x top left;
}

#areaGlobalFooter .block        { position:relative; overflow:hidden; padding-top:2em; }
#areaGlobalFooter .block .box   { padding-top:10px; padding-left:145px;  padding-right:95px;  }
#areaGlobalFooter .block .box p { padding-top:5px; display:block; }

#groupId { float:left;}
/* #privacyMark { position:absolute; top:15px; right:0; } */
#marks       { position:absolute; top:15px; right:0; }
#privacyMark { margin-left:10px; }

#copyright  {
	background:url(../img/common/bg/bg_footer.png) repeat-x left bottom;
	padding:18px 0;
}
#copyright small{
	font-size:77%;
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	line-height:1;
	color:#CCC;
	text-align:right;
	display:block;
}

/*----------------------------------------------*/
/* Navigation
/*----------------------------------------------*/
/* navGlobal
---------------------------------*/
#navGlobal {
	overflow:hidden;
	background:url(../img/common/nav/global/base.png) no-repeat top center;
	height:64px;
	margin-left:-2px;
	margin-right:-2px;
	position:relative;
}

#navGlobal ul ,
#navGlobal ul li,
#navGlobal ul li a{ display:block; height:60px; }

#navGlobal ul li.navBtn2 a img,
#navGlobal ul li.navBtn3 a img,
#navGlobal ul li.navBtn4 a img,
#navGlobal ul li.navBtn5 a img{ margin-top:23px; }

#navGlobal ul    {
	overflow:hidden;
	background:url(../img/common/nav/global/btn_all.png) no-repeat top left;
	margin-top:2px;
	margin-left:2px;
}

#navGlobal ul li { float:left; width:200px; line-height:1; vertical-align:top; }
#navGlobal ul li.navBtn6 { width:100px; }

#navGlobal ul li.navBtn1 { width:60px; }

#navGlobal ul li a:hover img,
#navGlobal ul li.current a img { visibility:hidden; }

#navGlobal ul li a:visited,
#navGlobal ul li a:active { outline:none; }

/* navSpecial
---------------------------------*/
#navSpecial { width:963px; margin:0 auto 10px; }
#navSpecial a { display:block; }
#navSpecial a:hover img { visibility:hidden; }

#navSpecial .boxFloat .box h2 ,
#navSpecial .boxFloat .box ul ,
#navSpecial .boxFloat .box ul li,
#navSpecial .boxFollow{ float:left; }

#navSpecial .boxFloat { margin-right:3px; }

#navSpecial .boxFloat .box {
	background:url(../img/common/nav/special/base.png) no-repeat 0 0;
	width:823px; height:60px;
}

#navSpecial .boxFloat .box,
#navSpecial .boxFloat .box ul { overflow:hidden; }

#navSpecial .boxFloat .box h2 { margin:2px 0 0 6px; }
#navSpecial .boxFloat .box ul { margin-top:6px; }
#navSpecial .boxFloat .box ul li ,
#navSpecial .boxFloat .box ul li a {
	width:138px; height:48px;
}

#navSpecial .boxFollow,
#navSpecial .boxFollow a{
	width:137px; height:125px;
}

#navSpecial #navSpecial1 ul,
#navSpecial #navSpecial2 ul,
#navSpecial #navSpecial3 a{ background-repeat:no-repeat; background-position:0 0; }

#navSpecial #navSpecial1    { margin-bottom:5px;}
#navSpecial #navSpecial1 ul { background-image:url(../img/common/nav/special/btn_1_hover.png); }
#navSpecial #navSpecial2    { margin-bottom:0;}
#navSpecial #navSpecial2 ul { background-image:url(../img/common/nav/special/btn_2_hover.png); }
#navSpecial #navSpecial3 a  { background-image:url(../img/common/nav/special/btn_3_hover.png); }


/* navGlobalFooter
---------------------------------*/
#navGlobalFooter ul {
	overflow:hidden;
	margin-left:-1em;
	position:relative;
}
#navGlobalFooter ul li {
	float:left;
	margin-left:-1px;
	margin-right:1em;
	border-left:1px solid #808080;
	position:relative;
}
#navGlobalFooter ul li a { margin-left:1em; display:inline-block; }

/* navAssistHeader
---------------------------------*/
#navAssistHeader{
	position:absolute;
	top:3px; right:50%;
	margin-right:-500px;
}

/* navLocal
---------------------------------*/
.navLocal { overflow:hidden; }
.navLocal ul li { float:left; }
.navLocal ul li a,
.navLocal ul li a span { display:block; }

.navLocal ul li a .icoNav{
	background-image:url(../img/common/ico/arrow_dot_yellow_in_square.gif) ;	
	background-repeat:no-repeat;
	outline:none;
}

.navLocal ul li.current-menu-item a,
.navLocal ul li a.hover,
.navLocal ul li a:hover,
.navLocal ul li.current-menu-parent a{
	color:#FFF;
	text-decoration:none;
}	
	
.navLocal ul li.current-menu-item a .icoNav,
.navLocal ul li a.hover .icoNav,
.navLocal ul li a:hover .icoNav,
.navLocal ul li.current-menu-parent a .icoNav{
	background-image:url(../img/common/ico/arrow_dot_yellow.png);
}

/* home */
.home .navLocal ul { overflow:hidden; }
.home .navLocal ul li {
	background:url(../img/common/nav/local/sidelist_a.png) left bottom no-repeat;
	width:238px;
}
.home .navLocal ul li:last-child { margin-bottom:-1px; }

.home .navLocal ul li a .icoNav{
	background-position:1.5em 1em;
	padding:0.8em 1em 0.9em 3em;
}

.home .navLocal ul li a.hover,
.home .navLocal ul li a:hover{
	background:url(../img/common/nav/local/sidelist_a_hover.png) left bottom no-repeat;
}
/* category */
.category .navLocal ul li {
	position:relative;
	margin-bottom:3px;
}
.category .navLocal ul li a{
	background:url(../img/common/nav/local/sidelist_b.png) left bottom no-repeat;
	border-top:1px solid #CCC;
	width:230px;
}
.category .navLocal ul li a .icoNav{
	background-position:0.7em 1em;
	padding: 0.8em 0.8em 0.8em 2em;
	margin:0 1px 1px;
}
.category .navLocal ul li a.hover a .icoNav,
.category .navLocal ul li a:hover .icoNav{
	background-position:0.7em 1em;
}
.category .navLocal ul li.current-menu-parent a,
.category .navLocal ul li.current-menu-item a,
.category .navLocal ul li a.hover ,
.category .navLocal ul li a:hover {
	background:url(../img/common/nav/local/sidelist_b_hover.png) left bottom no-repeat;
}
/* sub-menu */
.category .navLocal ul li ul.sub-menu {
	position:relative;
	overflow:hidden;
	width:230px;
	margin-bottom:1px;
	margin-top:-1px;
	display:none;
}
.category .navLocal ul li.current-menu-parent ul.sub-menu { display:block; }

.category .navLocal ul li ul.sub-menu li { margin-bottom:0; }

.category .navLocal ul li.current-menu-parent ul.sub-menu li a ,
.category .navLocal ul li ul.sub-menu li a {
	display:block;
	background:#FFF;
	border:solid #CCC;
	border-width:0 1px 1px;
	margin-bottom:0;
	width:228px;
	color:#0F66CC;
	text-decoration:underline;
}
.category .navLocal ul li ul.sub-menu li.current-menu-item a,
.category .navLocal ul li ul.sub-menu li a.hover,
.category .navLocal ul li ul.sub-menu li a:hover  {
	background:#5794db;
	color:#FFF;
	text-decoration:none;
}

.category .navLocal ul li ul.sub-menu li a .icoNav {
	background-image: url(../img/common/ico/arrow_dot_blue.png);
	border-top:none;
}
.category .navLocal ul li ul.sub-menu li.current-menu-item a .icoNav,
.category .navLocal ul li ul.sub-menu li a.hover .icoNav,
.category .navLocal ul li ul.sub-menu li a:hover .icoNav{
	background-image: url(../img/common/ico/arrow_dot_white.png);
}

.category .navLocal ul li a.navAccBtn,
.category .navLocal ul li a.navAccBtn:hover{
	position:absolute;
	top:0.9em; right:3px;
	background:url(../img/common/nav/local/btn_acc.png) no-repeat;
	width:15px; height:15px;
	text-indent:-777px;
	overflow:hidden;
	border:none;
}

.category .navLocal ul li.accOpen a.navAccBtn{
	background-position:0 -15px;
	
}
.category .navLocal ul li.accClose a.navAccBtn {
	background-position:0 0;
}

/* navSubLocal
---------------------------------*/
.navSubLocal { padding-top:1em; padding-bottom:1em; margin:0 15px; }
.navSubLocal li a{ margin-right:1em; }
.navSubLocal li a.current { text-decoration:none; color:#CCC; }

/* navPagePath
---------------------------------*/
#navPagePath { padding:1.2em 0; line-height:1.2; }
#navPagePath a,
#navPagePath em { margin-left: 0.5em; margin-right:0.5em; }

/* navMore
---------------------------------*/
.navMore {}

/* navToPageTop
---------------------------------*/
.navToPageTop a img { vertical-align:top; }

.navToPageTop { position:relative; padding-top:26px; }
.navToPageTop a { position:absolute; top:0; right:0; display:inline-block; }

/* navContentsLink
---------------------------------*/
.navContentsLink { padding:15px 0; overflow:hidden; }
.navContentsLink li { width:50%; float:left; }
.navContentsLink .navBack { text-align:right; }
.navContentsLink a { background-repeat: no-repeat; display:inline-block; }
.navContentsLink .navNext a { background-image: url(../img/common/ico/arrow_dot_yellow_in_square.png); background-position:right 0.2em; padding-right:16px; margin-left:1em; }
.navContentsLink .navBack a { background-image: url(../img/common/ico/arrow_dot_yellow_in_square_re.png); background-position:left 0.2em; padding-left:16px; margin-right:1em; }

/* navSolved
---------------------------------*/
a.navSolved { display:inline-block; }
a.navSolved img { vertical-align:top; }