@charset "utf-8";

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

	import.css
	
******************************************************************************* */

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

	reset.css
	
******************************************************************************* */



body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,th { margin: 0; padding: 0; }

/*pre,form,fieldset,input,textarea,
p,blockquote,th,td { margin: 0; padding: 0; }*/

/*20120310*/
form{display:inline;}


input.bgari{
border:1px solid #666; background:url(../../common/image/kanri/input_bg.gif) #FFF;
height:20px;padding-left:3px;padding-top:3px;
}
textarea.bgari{
border:1px solid #666; background:url(../../common/image/kanri/textarea_bg.gif);background-repeat: no-repeat;background-color:#FFFFFF;
ime-mode:active;padding-right: 5px;padding-left: 5px;padding-top:3px;padding-bottom:3px;
}



html,body { background: #fff; color: #333; }
body {
font-size:14px;
font-family: "メイリオ","Meiryo","MS Pゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; font-size: inherit; font-weight:inherit;
}



/*
* html body { font-size: small; }
*:first-child+html body { font-size: small; }
*/

img { border: 0; vertical-align: top; }

h1 { font-size: 120%; line-height:180%;padding-top:10px; margin-left:10px;font-weight: normal; }
h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

h2.span{
	padding-left:10px;
	color:#666;
	font-size:140%;
	font-weight:bold;
}

ul,dl,ol { text-indent: 0; }
li { list-style: none; }

address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

input,textarea,select { font-family: "メイリオ","Meiryo","MS Pゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif; font-size: inherit; font-weight:inherit; }
* html input,* html textarea,* html select { font-size: 100%; }
*:first-child+html input,*:first-child+html textarea,*:first-child+html select { font-size: 100%; }

/*table { border-collapse: collapse; border-spacing: 0; font-size: inherit; line-height:120%;}*/
/*table { font-size: inherit;line-height:120%;}*/
/*th,td { text-align: left; vertical-align: top; }*/
caption { text-align: left; }

pre,code { font-family: monospace; }
* html pre,* html code { font-size: 100%; line-height: 100%; }
*:first-child+html pre,*:first-child+html code { font-size: 108%; line-height: 100%; }

input,select,textarea { font-size: 100%; }



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

	layout.css
	
-------------------------------------------------------------------------------

　01. base
　02. header
　03. main
　04. footer
　05. search

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



/* ==

　01. base

=============================================================================== */
/*----------- wrapper ------------*/
#wrapper1{
	clear:both;
	background:url(../image/header/wrapper_bg1.jpg) center top no-repeat;
}
#wrapper1.lower{
	background-position:center 0px;
}
#wrapper2{
	clear:both;
	background:url(../image/header/wrapper_bg2.jpg) center top no-repeat;
}
#wrapper2.lower{
	background-position:center -289px;
}
#wrapper3{
	clear:both;
	background:url(../image/header/wrapper_bg3.jpg) center top no-repeat;
}
#wrapper3.lower{
	background-position:center -289px;
}







/*----------- container ------------*/
#container{
	margin:0 auto;
	width:940px;
}
/*----------- contents ------------*/
#contents{
	float:left;
	width:940px;
}
/* ==

　02. service-top

=============================================================================== */
#service-top{
	margin:0 auto;
	width:940px;
	margin-bottom:20px;
}


/* ==

　03. main

=============================================================================== */
#main{
	width:670px;
	float:left;
	overflow:hidden;
}

#listmain{
	width:940px;
	float:left;
	overflow:hidden;
}




/* ==

　04. side

=============================================================================== */
#side{
	width:250px;
	float:right;
}
/*----------- side-nav ------------*/
.side-nav{
	background:url(../image/migiside/side_nav_bg.gif) 0 0 repeat-y;
}
/*----------- side-nav title ------------*/
.side-nav p{
	width:248px;
	margin:0 auto;
	padding-bottom:2px;
	font-weight:bold;
	background:url(../image/parts/line_shadow_straight.gif) 0 bottom repeat-x;
}
.side-nav p a,.side-nav p span{
	display:block;
	padding-left:26px;
	line-height:70px;
}
.side-nav p span{
	background:url(../image/migiside/side_nav_tit_on.gif) 0 0 #e0ecf9 no-repeat;
}
/*----------- side-nav dl ------------*/
.side-nav dl{
	font-size:92.4%;
}
.side-nav dt{
	margin:0 auto;
	width:248px;
	padding-bottom:2px;
	background:url(../image/parts/line_shadow_straight.gif) 0 bottom repeat-x;
}
.side-nav dt a,.side-nav dt span{
	display:block;
	padding:10px;
}
.side-nav dt a{
	padding-left:22px;
	background:url(../image/migiside/side_nav_ico_off.gif) 8px center no-repeat #f6f6f6;
}
.side-nav dt a:hover{
	background:url(../image/migiside/side_nav_ico_on.gif) 8px center no-repeat #f6f6f6;
}
.side-nav dt span{
	padding-left:22px;
	background:url(../image/migiside/side_nav_ico_act.gif) 8px center no-repeat #f0faff;
}
.side-nav dd{
	width:248px;
	margin:0 auto;
	padding-bottom:2px;
	background:url(../image/parts/line_shadow_straight.gif) 0 bottom repeat-x #f6f6f6;
}
.side-nav dd ul{
	padding:8px 0;
	background:#f0faff;
}
.side-nav dd ul li a{
	display:block;
	padding:7px 10px 7px 22px;
}
* html .side-nav dd ul li a{
	display:inline-block;
}
.side-nav dd ul li span{
	display:block;
	padding:7px 10px 7px 22px;
}
* html .side-nav dd ul li span{
	display:inline-block;
}
.side-nav dd ul li span.active{
	color:#f70385;
}

/* ==

　05. search

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

/*エリア指定*/
ul.column_a {
margin: 0;padding: 0;width:100%;
}
ul.column_a li{
list-style-type: none;display:inline;
margin:0;padding:0;
color: #222;
line-height:20px;
/*display:table-cell; 余白を消す*/
}
ul.column_a li a.active{
position:relative;
top:1px;
}

/*検索絞り込み選択*/
ul.column_b {margin: 0;padding: 0;width:900px;}
ul.column_b li{
float:left;
list-style-type: none;display:inline;
margin:0;padding:0;
background: #ffffff;
color: #222;
line-height:22px;
/*20130717自動折り返し
white-space:nowrap;*/
/*display:table-cell; 余白を消す*/
}
ul.column_b.a{

}

.radiobtn,.checkbox,.label{
vertical-align:middle; 
}
label.label_non{
vertical-align:middle; 
color: gray;
}


div#searchbox{
}

input.style_1{
padding:5px 0 0 10px;
border:none;
height:32px;
width:320px;
font-size:1.3em;
background-image : url(../../common/image/search/serchbox_bg.gif);
background-repeat : no-repeat;
position: relative; left: 2px; top: 2px;
}



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

	header.css
	
-------------------------------------------------------------------------------

　01. base
　02. nav
　03. nav pattern
　04. width-edit
	
******************************************************************************* */



/* ==

　01. base

=============================================================================== */
/*---------- header ------------*/
#header{
	width:100%;
	background: #FFF url(../image/header/header_bg.gif) repeat-x;
}
/*---------- header-container ------------*/
#header-container{
	margin:0 auto;
	width:940px;
}

/*---------- header-logo ------------*/
#header-logo{
	padding-top:10px;
	height:100px;
	float:left;
}
#header-logo_sp{
display:none;
}

/*---------- header-nav ------------*/
#header-nav{
	float:right;
	width:198px;
}
#header-nav ul{
	float:left;
	margin-right:5px;
}
#header-nav ul li{
	float:left;
}
#header-nav p{
	float:left;
}

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

/* ==

　03. nav pattern

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





/* ==

　04. width-edit

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


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

	main.css
	
-------------------------------------------------------------------------------

　01. content
　02. side
	
******************************************************************************* */



/* ==

　01. content

=============================================================================== */
.page-title{
	margin-bottom:34px;
	padding-left:10px;
	height:35px;
	line-height:35px;
	vertical-align:middle;
	font-size:161.5%;
	background:url(../image/parts/page_tit_h1.gif) 0 0 no-repeat;
}
.page-title span{
	margin-left:10px;
	font-size:57.2%;
	color:#000000;
	font-weight:bold;
}


/* ==

　02. side

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

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

	footer.css
	
-------------------------------------------------------------------------------

　01. base
　02. nav
　03. bnr-list
　04. copyright
	
******************************************************************************* */



/* ==

　01. footer

=============================================================================== */
/*--------- footer ------------*/
#footer-bg{
	clear:both;
	width:100%;
	background-color:#F5F5F5;/*#F8F8FF;/*#f4f9fb;フッターバックグラウンドカラー*/
	float:left;
}
#footer{
	margin:0 auto;
	padding:16px 0 26px;
	height:200px;
	width:940px;
	background:url(../image/footer/footer_line.gif) left center no-repeat;
}
#footer dl{
	float:left;
	padding:0 0 0 15px;
	width:440px;
	line-height:1.4;
	padding-bottom:40px;
}
#footer dt{
	margin-top:9px;
	font-size:92.5%;
	padding-left:14px;
	padding-bottom:3px;
	background:url(../image/footer/footer_ico_dt.gif) 0 6px no-repeat;
}
#footer dd{
	font-size:90%;
	padding-left:17px;
}
#footer dd ul li{
	color:#696969;
	line-height:1.6;
}


/* ==

　02. copyright

=============================================================================== */
/*--------- copyright ------------*/
#copyright-bg{
	clear:both;
	background:#000000 url(../image/footer/copyright_bg.gif) repeat-x;
}
#copyright{
	margin:0 auto;
	padding-top:12px;
	padding-bottom:40px;
	width:940px;
}
#copyright .copyright{
	text-align:right;
	font-size:92.5%;
	color:#FFF;
	line-height:1.4;
}
#copyright .copyright span{
	font-size:85.3%;
}


/* ==

　03. bnr-list

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



/* ==

　04. copyright

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


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

	common.css
	
-------------------------------------------------------------------------------

　01. float
　02. line-height
　03. margin
　04. padding
　05. color
　06. font-size
　07. bold
　08. align
　09. link
　10. clear
	
******************************************************************************* */



/* ==

　01. float

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

.f-left  { float: left  !important; }
.f-right { float: right !important; }
.f-none  { float: none  !important; }


/* ==

　02. line-height

=============================================================================== */
/*
.lh01 { line-height: 1   !important; }
.lh11 { line-height: 1.1 !important; }
.lh12 { line-height: 1.2 !important; }
.lh13 { line-height: 1.3 !important; }
.lh14 { line-height: 1.4 !important; }
.lh15 { line-height: 1.5 !important; }
.lh16 { line-height: 1.6 !important; }
.lh17 { line-height: 1.7 !important; }
.lh18 { line-height: 1.8 !important; }
*/
.lh1{line-height:1px;}
.lh2{line-height:2px;}
.lh3{line-height:3px;}
.lh4{line-height:4px;}
.lh5{line-height:5px;}
.lh6{line-height:6px;}
.lh7{line-height:7px;}
.lh8{line-height:8px;}
.lh10{line-height:10px;}
.lh11{line-height:11px;}
.lh12{line-height:12px;}
.lh13{line-height:13px;}
.lh14{line-height:14px;}
.lh15{line-height:15px;}
.lh16{line-height:16px;}
.lh17{line-height:17px;}
.lh18{line-height:18px;}
.lh19{line-height:19px;}
.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}
.lh24{line-height:24px;}
.lh25{line-height:25px;}
.lh26{line-height:26px;}
.lh27{line-height:27px;}
.lh30{line-height:30px;}
.lh32{line-height:32px;}
.lh35{line-height:35px;}
.lh37{line-height:37px;}
.lh38{line-height:38px;}
.lh40{line-height:40px;}
.lh50{line-height:50px;}
.lh55{line-height:55px;}
.lh100{line-height:100px;}
.lh150{line-height:150px;}
.lh200{line-height:200px;}



/* ==

　03. margin

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

/* -------- all -------- */

.ma00 { margin:     0px !important; }
.ma05 { margin:     5px !important; }
.ma10 { margin:    10px !important; }
.ma15 { margin:    15px !important; }
.ma20 { margin:    20px !important; }
.ma25 { margin:    25px !important; }
.ma30 { margin:    30px !important; }
.ma40 { margin:    40px !important; }
.ma50 { margin:    50px !important; }
.ma60 { margin:    60px !important; }
.ma70 { margin:    70px !important; }
.ma80 { margin:    80px !important; }
.ma90 { margin:    90px !important; }
.ma100 { margin:    100px !important; }

/* -------- top -------- */

.mt00 { margin-top:     0px !important; }
.mt05 { margin-top:     5px !important; }
.mt10 { margin-top:    10px !important; }
.mt15 { margin-top:    15px !important; }
.mt20 { margin-top:    20px !important; }
.mt25 { margin-top:    25px !important; }
.mt30 { margin-top:    30px !important; }
.mt40 { margin-top:    40px !important; }
.mt50 { margin-top:    50px !important; }
.mt60 { margin-top:    60px !important; }
.mt70 { margin-top:    70px !important; }
.mt80 { margin-top:    80px !important; }
.mt90 { margin-top:    90px !important; }
.mt100 { margin-top:    100px !important; }

/* -------- right -------- */

.mr00 { margin-right:   0px !important; }
.mr05 { margin-right:   5px !important; }
.mr10 { margin-right:  10px !important; }
.mr15 { margin-right:  15px !important; }
.mr20 { margin-right:  20px !important; }
.mr25 { margin-right:  25px !important; }
.mr30 { margin-right:  30px !important; }
.mr40 { margin-right:  40px !important; }
.mr50 { margin-right:  50px !important; }
.mr60 { margin-right:  60px !important; }
.mr70 { margin-right:  70px !important; }
.mr80 { margin-right:  80px !important; }
.mr90 { margin-right:  90px !important; }
.mr100 { margin-right:  100px !important; }


/* -------- bottom -------- */

.mb00 { margin-bottom:  0px !important; }
.mb05 { margin-bottom:  5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }


/* -------- left -------- */

/*
.ml00 { margin-left:    0px !important; }
.ml05 { margin-left:    5px !important; }
.ml10 { margin-left:   10px !important; }
.ml15 { margin-left:   15px !important; }
.ml20 { margin-left:   20px !important; }
.ml25 { margin-left:   25px !important; }
.ml30 { margin-left:   30px !important; }
.ml40 { margin-left:   40px !important; }
.ml50 { margin-left:   50px !important; }
.ml60 { margin-left:   60px !important; }
.ml70 { margin-left:   70px !important; }
.ml80 { margin-left:   80px !important; }
.ml90 { margin-left:   80px !important; }
.ml100 { margin-left:   100px !important; }
*/
.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml7{margin-left:7px;}
.ml8{margin-left:8px;}
.ml9{margin-left:9px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml22{margin-left:22px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml115{margin-left:115px;}
.ml120{margin-left:120px;}
.ml125{margin-left:125px;}
.ml135{margin-left:135px;}
.ml320{margin-left:320px;}
.ml350{margin-left:350px;}
.ml400{margin-left:400px;}



/* ==

　04. padding

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

/* -------- all -------- */

.pa00 { padding:     0px !important; }
.pa05 { padding:     5px !important; }
.pa10 { padding:    10px !important; }
.pa15 { padding:    15px !important; }
.pa20 { padding:    20px !important; }
.pa25 { padding:    25px !important; }
.pa30 { padding:    30px !important; }
.pa40 { padding:    40px !important; }
.pa50 { padding:    50px !important; }
.pa60 { padding:    60px !important; }
.pa70 { padding:    70px !important; }
.pa80 { padding:    80px !important; }
.pa90 { padding:    90px !important; }
.pa100 { padding:    100px !important; }

/* -------- top -------- */

.pt00 { padding-top:     0px !important; }
.pt05 { padding-top:     5px !important; }
.pt10 { padding-top:    10px !important; }
.pt15 { padding-top:    15px !important; }
.pt20 { padding-top:    20px !important; }
.pt25 { padding-top:    25px !important; }
.pt30 { padding-top:    30px !important; }
.pt40 { padding-top:    40px !important; }
.pt50 { padding-top:    50px !important; }
.pt60 { padding-top:    60px !important; }
.pt70 { padding-top:    70px !important; }
.pt80 { padding-top:    80px !important; }
.pt90 { padding-top:    90px !important; }
.pt100 { padding-top:    100px !important; }


/* -------- right -------- */

.pr00 { padding-right:   0px !important; }
.pr05 { padding-right:   5px !important; }
.pr10 { padding-right:  10px !important; }
.pr15 { padding-right:  15px !important; }
.pr20 { padding-right:  20px !important; }
.pr25 { padding-right:  25px !important; }
.pr30 { padding-right:  30px !important; }
.pr40 { padding-right:  40px !important; }
.pr50 { padding-right:  50px !important; }
.pr60 { padding-right:  60px !important; }
.pr70 { padding-right:  70px !important; }
.pr80 { padding-right:  80px !important; }
.pr90 { padding-right:  90px !important; }
.pr100 { padding-right:  100px !important; }


/* -------- bottom -------- */

.pb00 { padding-bottom:  0px !important; }
.pb05 { padding-bottom:  5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb18 { padding-bottom: 18px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb70 { padding-bottom: 70px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb90 { padding-bottom: 90px !important; }
.pb100 { padding-bottom: 100px !important; }


/* -------- left -------- */

.pl00 { padding-left:    0px !important; }
.pl05 { padding-left:    5px !important; }
.pl10 { padding-left:   10px !important; }
.pl15 { padding-left:   15px !important; }
.pl20 { padding-left:   20px !important; }
.pl25 { padding-left:   25px !important; }
.pl30 { padding-left:   30px !important; }
.pl40 { padding-left:   40px !important; }
.pl50 { padding-left:   50px !important; }
.pl60 { padding-left:   60px !important; }
.pl70 { padding-left:   70px !important; }
.pl80 { padding-left:   80px !important; }
.pl90 { padding-left:   90px !important; }
.pl100 { padding-left:   100px !important; }



/* ==

　05. color

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

.red { color: #f00 !important; }
.ibjblue { color: #004195 !important; }
.ibjorange{ color: #fe6700 !important; }
.ibjpink{ color: #f70385 !important; }




/* ==

　06. font-size

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

/*.f10 { font-size: 77%    !important; }
.f11 { font-size: 85%    !important; }
.f12 { font-size: 92.4%  !important; }
.f13 { font-size: 100%   !important; }
.f14 { font-size: 108%   !important; }
.f15 { font-size: 116%   !important; }
.f16 { font-size: 123.1% !important; }
.f17 { font-size: 131%   !important; }
.f18 { font-size: 138.5% !important; }
*/
.f8{font-size:8px}
.f10{font-size:10px}
.f12{font-size:12px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}



/* letter-spacing*/
.ls1{letter-spacing:1px}
.ls2{letter-spacing:2px}
.ls4{letter-spacing:4px}
.ls6{letter-spacing:6px}

/* ==

　07. bold

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

em {
	font-weight: bold;
}

.f-bold{font-weight:bold;}


/* ==

　08. align

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

.center { text-align: center !important; }
.right  { text-align: right  !important; }
.left   { text-align: left   !important; }

.top    { vertical-align: top    !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }



/* ==

　09. link

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

/* -------- default -------- */

a:link {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover {color: #FF7F50;text-decoration: none;}
a:active {color: #FF7F50;text-decoration: none;}

/*bloglink*/
a.bloglink:link {font-size: 14px;line-height:20px;color : black;text-decoration : underline;}
a.bloglink:visited {font-size: 14px;line-height:20px;color : black;text-decoration : none;}
a.bloglink:hover {font-size: 14px;line-height:20px;color: black;text-decoration : underline;}
a.bloglink:active {font-size: 14px;line-height:20px;color: red;text-decoration : underline;}
/*modoru*/
a.modoru:link {font-size: 13px;line-height:20px;color : black;text-decoration : underline;}
a.modoru:visited {font-size: 13px;line-height:20px;color : black;text-decoration : underline;}
a.modoru:hover {font-size: 13px;line-height:20px;color: black;text-decoration : underline;}
a.modoru:active {font-size: 13px;line-height:20px;color: red;text-decoration : underline;}

/*hbl*/
a.hbl:link {font-size: 14px;line-height:20px;color : white;text-decoration : underline;font-weight:bold;}
a.hbl:visited {font-size: 14px;line-height:20px;color : white;text-decoration : underline;font-weight:bold;}
a.hbl:hover {font-size: 14px;line-height:20px;color: white;text-decoration : underline;font-weight:bold;}
a.hbl:active {font-size: 14px;line-height:20px;color: white;text-decoration : underline;font-weight:bold;}


/* ==

　10. clear

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

/*--clearfix--*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	font-size:.01em;
	height:0;
	overflow:hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; }

/*--clear--*/
.clear { clear:both !important; }



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

	module.css
	
-------------------------------------------------------------------------------

　01. ****
　02. ****
　03. ****
	
******************************************************************************* */






/* ==

　03. topics-path

=============================================================================== */
/*--------- topics-path-bg ------------*/
.topics-path-bg{
	clear:both;
	float:left;
	width:100%;
	background:url(../image/parts/topics_path_bg.gif) left bottom repeat-x;
}
/*--------- topics-path ------------*/
.topics-path{
	margin:0 auto;
	width:940px;
}
.topics-path ul{
	float:left;
	padding-top:18px;
	height:31px;
}
.topics-path li{
	float:left;
	white-space:nowrap;
/*	font-size:85%;*/
	color:#FFF;
/*	font-weight:bold;*/
}
.topics-path li a{
	display:block;
	padding:10px 26px 0 10px;
	height:21px;
	background:url(../image/parts/topics_path_bg_alw.gif) right bottom no-repeat;
	color:#FFF;
}
* html .topics-path li a{
	display:inline-block;
	vertical-align:bottom;
}
.topics-path li a:link,.topics-path li a:hover,.topics-path li a:visited,.topics-path li a:active{
	color:#FFF;
}
.topics-path li a:hover{
	text-decoration:underline;
}
.topics-path li span{
	display:block;
	padding:10px 26px 0 10px;
	height:21px;
}
* html .topics-path li span{
	display:inline-block;
	vertical-align:bottom;
}


.topics-path p{
	float:right;
}


/* ==

　00. width

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


/*--------- form width ------------*/
.w70{width:70px;}
.w150{width:150px;}
.w250{width:250px;}
.w475{width:475px;}

/* ==

　00. height

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


/* ==

　00. section-box-list

=============================================================================== */
/*--------- section-box-list ------------*/

.section-box-list{
	display:inline;
	float:left;
	margin-left:-14px;
}
.section-box-list li{
	display:inline;
	float:left;
	margin-left:14px;
}
.section-box-list li a img{
	padding:11px;
}
.section-box-list li a{
	display:block;
	width:224px;
	height:105px;
	background:url(../../service/image/bnr/service_bnr_bg_off.gif) 0 0 no-repeat;
}
.section-box-list li a:hover{
	background:url(../../service/image/bnr/service_bnr_bg_on.gif) 0 0 no-repeat;
}

/*--------- section-box-list-num ------------*/
.section-box-list-num{
	clear:both;
	padding-top:10px;
	text-align:center;
	font-size:85%;
}
.section-box-list-num li{
	display:inline;
	margin:0 5px 0 0;
}
.section-box-list-num a{
	display:inline-block;
	width:26px;
	height:16px;
	line-height:16px;
	background:url(../image/parts/num_bg.gif) 0 0 no-repeat;
	color:#FFF;
}
.section-box-list-num strong{
	display:inline-block;
	width:26px;
	height:16px;
	line-height:16px;
	background:url(../image/parts/num_bg.gif) 0 -16px no-repeat;
	color:#FFF;
}
.section-box-list-num a:hover{
	background-position:0 -16px;
}




/* ==

　00. category-section


資格画面でh3を利用

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

/*--------- category-section ------------*/
.category-section{
	clear:both;
	margin-bottom:30px;
}
.category-section h2{
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:10px;
	color:#000000;
	margin-bottom:20px;
	font-size:116%;
	font-weight:bold;
}
.category-section h3{
	border:1px solid #ccc;
	background:#f6f6f6;
	padding:10px;
	color:#000000;
	margin-bottom:15px;
	font-size:116%;
	font-weight:bold;
}
.category-section p{
	font-size:13px;
	line-height:1.5;
	color:#666;
	margin-bottom:10px;
}
.category-section .section-box-list{
	width:960px;
	margin-bottom:16px;
}

.category-section-nav{
	float:left;
	padding:8px;
	border:1px dotted #ccc;
	width:654px;
}
.category-section-nav li{
	float:left;
	margin-right:20px;
	line-height:1.4;
	white-space:nowrap;
}
.category-section-nav li a{
	padding-left:12px;
	background:url(../image/parts/ico_link_off.gif) 0 center no-repeat;
}


/* ==

　00. section-table-dl

=============================================================================== */
/*--------- section-table-dl ------------*/
.section-table-dl{
	clear:both;
	margin-bottom:40px;
}
.section-table-dl dl{
	float:left;
	width:auto;
	border-bottom:1px solid #ccc;
	background:url(../image/parts/table_dl_bg.gif) 0 0 repeat-y;
}
.section-table-dl dt{
	clear:both;
	float:left;
	width:120px;
	padding:10px;
	border-top:1px solid #ccc;
}
.section-table-dl dd{
	float:left;
	width:510px;
	padding:10px;
	border-top:1px solid #ccc;
}
.section-table-dl dd ul li{
	line-height:1.4;
}
.section-table-dl dd .inpact{
	font-size:200%;
	font-weight:bold;
}
.section-table-dl dd .inpact-sub{
	font-size:160%;
	font-weight:bold;
}

/* ==

　01. ****

=============================================================================== */
/*--------- section-info ------------*/
.section-info{
	margin-bottom:30px;
}
.section-info h3{
	padding:3px 0 0 16px;
	line-height:1.2;
	border-bottom:1px solid #ccc;
	background:url(../image/parts/ico_tit_bar.gif) 0 center no-repeat;
}
.section-info ul{
	font-size:85%;
}
.section-info ul li{
	padding:10px 5px;
	background:url(../image/parts/line_dot_straight.gif) 0 bottom repeat-x;
}


/* ==

　01. ****

=============================================================================== */
/*--------- tit-label ------------*/
.tit-label{
	color:#000;
	font-size:115.3%;
	line-height:22px;
	margin-bottom:10px;
}
.tit-label span{
	padding-left:10px;
	color:#666;
	font-size:73%;
}

/*--------- tit-link-txt ------------*/
p.tit-link-txt{
	font-size:92%;
	float:right;	
	line-height:24px;
}
p.tit-link-txt a{
	display:block;
	color:#000;
	background:url(../image/parts/ico_tit_link.gif) #eee no-repeat;
	padding:0 24px;
}
p.tit-link-txt a:hover{
	background:url(../image/parts/ico_tit_link_on.gif) #eee no-repeat;
}
p.tit-link-txt.blank-link a{
	background:url(../image/parts/ico_tit_link_blank_off.gif) #eee no-repeat;
}
p.tit-link-txt.blank-link a:hover{
	background:url(../../common/image/parts/ico_tit_link_blank_on.gif) #eee no-repeat;
}

/*--------- tit-link ------------*/
.tit-link{
	margin-bottom:10px;
	padding-bottom:5px;
	background:url(../image/parts/line_dot_straight.gif) left bottom repeat-x;
}
.tit-link .tit-label{
	float:left;
}

/* ==

　01. ****

=============================================================================== */
/*--------- iconlink ------------*/
a.icon-link{
	padding-left:15px;
	background:url(../image/parts/ico_link_off.gif) 0 center no-repeat;
}
a:hover.icon-link{
	padding-left:15px;
	background:url(../image/parts/ico_link_on.gif) 0 center no-repeat;
}
/*--------- pagetop ------------*/
.pagetop{
	text-align:right;
	font-size:82%;
}

.dotline-top{
	clear:both;
	margin-bottom:60px;
	padding-top:10px;
	background:url(../image/parts/line_dot_straight.gif) 0 top repeat-x;
}


/*規約*/
div.boxkiyaku
{
    VISIBILITY: visible;
    OVERFLOW: auto;
    WIDTH: 610px;
    HEIGHT: 300px
}



/* 20120925ポイントしたとき */
A.hightlight:hover {
height:450px;width:300px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
/* 20140730ポイントしたとき */
A.hightlights:hover {
height:55px;width:170px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}



/*blog関連*/
td.blogue{background: url(../image/blog/blogue.gif);width:935px;height:15px;}
td.blogshita{background: url(../image/blog/blogshita.gif);width:935px;height:15px;}



/*20150414blog.cgiのブログタイトル*/
#contents div.ht1 {
	border-bottom:0px;
	padding:4px 0 0px 20px;
	color:black;
/*	font-weight:bold;*/
	background:url(/image/blog/header_bg1.gif) no-repeat;
	width:900px;
	height:25px;
}
#contents div.ht1 span {
	letter-spacing:2px;
	font-size:24px;
	line-height:200%;
}



/*20150917*/
p.border{margin:5px 0;border-bottom:solid 1px #dcdcdc;}

#toplist{
width:100%;
font-size:14px;
}
div.toplist{
padding:10px;
}
div.toplist li{
padding-bottom:5px;
}
div.toplist li a:hover{
text-decoration:underline;
color:#b22222;
}
#toplist div.topimg{
padding:5px;
float:left;
}
#toplist div.toptxt{
padding:5px;
float:left;
}
#toplist div.toptxt p{
font-size:16px;
line-height:180%;
}
#toplist div.toptxt p.hiduke{
float:left;
}
#toplist div.toptxt p.hiduke span{
margin-left:10px;
}
#toplist div.toptxt p.title{
clear:both;
font-weight:bold;
}
#toplist div.toptxt p.naiyou{
clear:both;
}

div.dappititle{
padding:4px;
margin-top:4px;
}
div.dappititle span{
letter-spacing:1px;
font-size:16px;
}

/*20171217*/
table.table_size_blog{
   table-layout: fixed;
   word-wrap: break-word;
   width:925px;
   height:auto;
}
table.table_size_blog img {
   width:450px;
}

