@charset "Shift_JIS";

/* @group Reset */
/* ==========================================================================
 Reset
========================================================================== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, address, cite, code,
del, dfn, em, 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, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;word-wrap:break-word;}

article, aside, dialog, figure, figcaption, footer, header, hgroup, nav, section{display:block;}
time, audio[controls], canvas, video{display:inline-block;}

blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}

ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help;}

table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
/* @end */


/* @group Base */
/* ==========================================================================
 Base
========================================================================== */
html{overflow-y:scroll;-webkit-text-size-adjust:100%;height:100%;}
body{height:100%;color:#000000;background-color:#efefef;font-family:"ヒラギノ角ゴ Pro W3","HiraKakuProN-W3";line-height:1;}

a{color:#005d9c;text-decoration:underline;}
a:visited{}
a:focus{outline:thin dotted;}
a:hover, a:active{outline:0;}

h1, h2, h3, h4, h5, h6{font-weight:bold;}

p, li{line-height:1.4;}
dt, dd, input, textarea{line-height:1.3;}
ul, ol{list-style-type:none;list-style-position:outside;}

strong, em{font-weight:bold;font-style:normal;}

sup{vertical-align:text-top;font-size:65%;}
sub{vertical-align:baseline;font-size:65%;}

form{margin:0;}
legend{display:none;}
label{margin:0;}

input[type="text"], input[type="search"], input[type="password"], input[type="number"], input[type="email"]{padding:0.4em;;border:1px solid #aaa;font-size:15px;border-radius:5px;}

input[type="search"]{-webkit-appearance:textfield;}
input[type="number"]::-webkit-outer-spin-button{display:none;}

textarea{padding:2%;border:1px solid #aaaaaa;border-radius:10px;width:96%;min-height:100px;font-size:15px;}
select{font-size:14px;padding-left:3px;}

button{-webkit-box-sizing:content-box;box-sizing:content-box;}

input[type="checkbox"]{margin:0;padding:0;border:1px solid red;display:inline-block;
position:absolute;z-index:1;width:100%;height:100%;background:transparent;-webkit-appearance:none;opacity:0;}
input[type="checkbox"] + span{display:inline-block;}
input[type="checkbox"] + span:before{content:"";margin:-2px 0.3em 0 0;display:inline-block;width:28px;height:28px;background:url(/images/sp/check.png) -28px 0 no-repeat;-webkit-background-size:56px 56px;background-size:56px 56px;vertical-align:middle;}
input[type="checkbox"]:checked + span:before{background-position:-28px -28px;}

noscript p{border:2px solid #FF0000;color:#FF0000;font-weight:bold;padding:10px;}
/* @end */


/* @group Header / Footer */
/* ==========================================================================
 Header / Footer
========================================================================== */

/* Header
----------------------------------------------------------------- */
body > header{border-bottom:1px solid #d5d5d5;position:relative;height:35px;background:#ffffff url(/smp/images/header.png) right 0 no-repeat;-webkit-background-size:139px 40px;background-size:139px 40px;}

body > header h1{position:absolute;top:9px;left:13px;}


/* Footer
----------------------------------------------------------------- */
body > footer{padding:20px;border-top:1px solid #d9d9d9;box-shadow:inset 0 1px 0 #ffffff;
background:-moz-linear-gradient(center top , #e6e6e6 0%, #efefef 13%, #efefef 100%) repeat scroll 0 0 #efefef;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(13%,#efefef), color-stop(0%,#efefef)) repeat scroll 0 0 #efefef;}

body > footer ul{font-size:12px;}
body > footer ul:after{content:"";display:block;clear:both;}
body > footer ul > li{margin:0 10px 10px 0;display:inline-block;}
body > footer ul > li > a{color:#000000;text-decoration:none;}
body > footer ul > li > a:before{content:"";margin:0 8px 0 0;display:inline-block;width:10px;height:10px;background:url(/smp/images/icn_arrow.png) 0 0 no-repeat;-webkit-background-size:10px 10px;background-size:10px 10px;}
body > footer .copyright{color:#737373;font-size:12px;font-style:normal;line-height:1.2;text-align:center;}

/* @end */


/* @group Buttons */
/* ==========================================================================
 Buttons
========================================================================== */
.btn{margin:10px auto;padding:0;display:inline-block;position:relative;z-index:1;text-decoration:none;}

.btn .btnText{margin:0;padding:0 15px;border:1px solid #fad4c8;border-radius:10px;display:block;width:auto;
color:#000000;
background:-moz-linear-gradient(center top , #ffffff 0%, #ffefea 100%) repeat scroll 0 0 #ffefea;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffefea)) repeat scroll 0 0 #ffefea;
font-weight:normal;line-height:35px;text-align:center;vertical-align:middle;text-decoration:none;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;
}
.btn .btnText:before{content:"";margin:0 8px 3px 0;display:inline-block;width:10px;height:10px;background:url(/smp/images/icn_arrow.png) 0 0 no-repeat;-webkit-background-size:10px 10px;background-size:10px 10px;vertical-align:middle;}

/* Type Gray */
.btn.gray .btnText{border-color:#d2d2d2;color:#000;
background:-moz-linear-gradient(center top , #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 #f0f0f0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) repeat scroll 0 0 #f0f0f0;
}

/* +PC ICON */
.btn .btnText.pc:before{content:"";margin:0 10px 5px 0;display:inline-block;width:22px;height:18px;background:url(/smp/images/icn_pc.png) 0 0 no-repeat;-webkit-background-size:22px 18px;background-size:22px 18px;vertical-align:middle;}
/* @end */


/* @group Category */
/* ==========================================================================
 Category
========================================================================== */
.category{margin:0 5px 0 0;padding:2px 0 -1px 0; display:inline-block;width:60px;text-align:center; font-size:12px;}
.category.pub{background-color:#66cc66;}
.category.ir{background-color:#7cb1e5;}
.category.press{background-color:#fe9b00;}
/* @end */


/* @group Accordion */
/* ==========================================================================
 Accordion
========================================================================== */
.content .accordion{margin:0 -10px;padding:0 10px;overflow:hidden;}

.content .accordion h2{margin:0 -10px;padding:12px 10px 12px 8px;border-bottom:none;position:relative;font-size:14px;}
.content .accordion h2:before{display:none;}

.content .accordion h2:after{content:"";margin-top:-9px;display:block;position:absolute;top:50%;right:5px;width:18px;height:17px;background:url(/smp/images/icn_toggle.png) 0 0 no-repeat;-webkit-background-size:18px 47px;background-size:18px 47px;}

.content .accordion h2.active{border-bottom:1px solid #D2D2D2;}
.content .accordion h2.active:after{background-position:0 -17px;}

.content .accordion .inner{padding:10px 0;display:none;}
.content .accordion .inner.active{display:block;}

.content .accordion .inner .close{text-align:right;-webkit-tap-hightlight-color:rgb(0,0,0,0.4);}
.content .accordion .inner .close:before{content:"";margin:0 5px 3px 0;display:inline-block;width:14px;height:13px;background:url(/smp/images/icn_toggle.png) 0 -34px no-repeat;-webkit-background-size:18px 47px;background-size:18px 47px;vertical-align:bottom;}

.content .accordion + nav.local{border-top:1px solid #D2D2D2;}
/* @end */


/* @group Listview */
/* ==========================================================================
 Listview
========================================================================== */
ul.listview{margin:0 -10px;}
ul.listview > li{margin:0;padding:10px;border-top:1px solid #aaa;position:relative;background-color:#fff;}
ul.tabList + ul.listview li:first-child{border-top:0 none;}

ul.listview > li a{margin:-10px;padding:10px 40px 10px 10px;display:block;color:#000000;text-decoration:none;}

/* arrow */
ul.listview > li > a:after{content:"";margin-top:-10px;position:absolute;top:50%;right:10px;display:block;width:10px;height:20px;background:url(/smp/images/icn_listview_arrow.png) 0 0 no-repeat;-webkit-background-size:10px 20px;background-size:10px 20px;}

ul.listview > li h2,
ul.listview > li h3{margin:0;padding:0;border:none;background:transparent none;font-size:14px;font-weight:normal;}
ul.listview > li h2:before,
ul.listview > li h3:before{display:none;}
/* @end */


/* @group Content */
/* ==========================================================================
 Content
========================================================================== */
.content{padding:10px;background-color:#ffffff;font-size:14px;}

.content h1{margin:-10px -10px 0 -10px;padding:8px 10px;color:#ff5900;border-bottom:2px solid #ff5900;
background:-moz-linear-gradient(center top , #ffffff 0%, #f1f1f1 50%, #ededed 50%, #ededed 100%) repeat scroll 0 0 #ededed;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(50%,#ededed), color-stop(100%,#ededed)) repeat scroll 0 0 #ededed;
font-size:16px;font-weight:bold;}

.content h1 + p,
.content h1 + footer,
.content h1 + form{margin-top:10px;}

.content h2{margin:0 -10px 10px -10px;padding:8px 10px;color:#000000;border-top:1px solid #d2d2d2;border-bottom:1px solid #999999;
background:-moz-linear-gradient(center top , #ffffff 0%, #ffffff 80%, #ebebeb 100%) repeat scroll 0 0 #ffffff;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#ffffff), color-stop(100%,#ebebeb)) repeat scroll 0 0 #ffffff;
font-size:15px;font-weight:bold;}

.content h2:before{content:"";margin:0 12px 0 0;display:inline-block;width:3px;height:15px;background-color:#ff5900;vertical-align:bottom;}

.content hgroup{margin:0 0 10px 0;}
.content hgroup h2,
.content hgroup h3{margin:0;padding:0;border:none;background:transparent none;font-size:14px;font-weight:normal;line-height:1.4;}
.content hgroup h2:before,
.content hgroup h3:before{display:none;}

.content h3{margin:0 0 5px 0;padding:0 0 5px 0;border-bottom:1px solid #ccc;font-weight:bold;}
.content h3:before{content:"";margin:0 5px 0 2px;display:inline-block;width:10px;height:10px;background:url(/smp/images/icn_circle.png) 0 0 no-repeat;-webkit-background-size:10px 10px;background-size:10px 10px;}

.content h4{margin:0 0 5px 0;}
.content h4:before{margin:0 5px 3px 0;content:"\25cf";display:inline-block;color:#ff7830;font-size:7px;line-height:7px;vertical-align:middle;}

.content p{margin:0 0 10px 0;}
.content .error{color:#FF0000;font-weight:bold;}

.content ul{margin:0 0 10px 0;}
.content ul > li{margin:0;}

.content ol{margin:0 0 10px 0;}
.content ol > li{margin:0 0 10px 2em;padding:0;list-style-type:decimal;list-style-position:outside;background-image:none;}
.content ol[type=a] > li{list-style-type:lower-latin;}

.content li ul,
.content li ol{margin:5px 0;}
.content li li{margin-bottom:0;}

.content dl{margin:0 0 12px 0;}
.content dl dt{margin:0 0 5px 0;padding:0 0 2px 15px;border-bottom:1px solid #ccc;background:url(/smp/images/icn_circle.png) 0 3px no-repeat;-webkit-background-size:10px 10px;background-size:10px 10px;font-weight:bold;}
.content dl dd + dt{margin:10px 0 5px 0;}
.content dl dd > ul{margin:10px 0 0 0;}
.content dl dt.nomarker{padding:0;border:none;background:none;font-weight:normal;}

.content li dt{margin:0;padding:0;border:none;background:none;}
.content li dl dd + dt{margin:0;}

.content table{width:auto;border-style:solid;border-color:#ccc;border-width:1px 0 0 1px;}
.content table th,td{padding:0.3em;border-style:solid;border-color:#ccc;border-width:0 1px 1px 0;}
.content table th{background-color:#efefef;text-align:left;}


/* p.date
----------------------------------------------------------------- */
.content p.date{text-align:right;}


/* p.creator
----------------------------------------------------------------- */
.content p.creator{text-align:right;}


/* p.closing
----------------------------------------------------------------- */
.content p.closing{padding-bottom:10px;border-bottom:1px dotted #a1a3a0;text-align:right;}


/* p.more
----------------------------------------------------------------- */
.content p.more > a{margin:0 -10px;padding:0;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;display:block;width:auto;
color:#000000;
background:-moz-linear-gradient(center top , #ffffff 0%, #ffefea 100%) repeat scroll 0 0 #ffefea;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffefea)) repeat scroll 0 0 #ffefea;
font-weight:normal;line-height:37px;text-align:center;vertical-align:middle;text-decoration:none;cursor:pointer;-moz-appearance:none;-webkit-appearance:none;}


/* p.more
----------------------------------------------------------------- */
.content p.image{text-align:center;}


/* p.newsNav
----------------------------------------------------------------- */
.content p.newsNav{}
.content p.newsNav select{margin:0 10px 0 0;width:200px;vertical-align:middle;}
.content p.newsNav button{padding:0 25px;border:1px solid #4c4c4c;border-radius:5px;color:#ffffff;
background-color:#686868;
background:-moz-linear-gradient(center top , #a2a2a2 0%, #686868 100%) repeat scroll 0 0 #686868;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2a2a2), color-stop(100%,#686868)) repeat scroll 0 0 #686868;
font-size:14px;font-weight:bold;line-height:23px;text-align:center;vertical-align:middle;text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
}


/* ul.markList
----------------------------------------------------------------- */
.content ul.markList > li{margin:0 0 0 14px;text-indent:-14px;}
.content ul.markList > li:last-child{margin-bottom:0;}
.content ul.markList > li:before{content:"";margin:0 5px 0 0;display:inline-block;width:10px;height:10px;background:url(/smp/images/icn_circle.png) 0 0 no-repeat;-webkit-background-size:10px 10px;background-size:10px 10px;}


/* ul.linkList
----------------------------------------------------------------- */
.content ul.linkList > li{margin:0 0 10px 0;}
.content ul.linkList > li:last-child{margin-bottom:0;}
.content ul.linkList > li a{color:#000000;text-decoration:none;}
.content ul.linkList > li a:before{content:"";margin:0 5px 0 0;display:inline-block;width:10px;height:10px;background:url(/smp/images/icn_arrow.png) 0 0 no-repeat;-webkit-background-size:10px 10px;background-size:10px 10px;}

.content ol ul.linkList > li{margin-bottom:5px;}

/* .pageTop */
.content ul.linkList > li.pageTop{text-align:right;}
.content ul.linkList > li.pageTop a:before{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);}
/* .prev */
.content ul.linkList > li.prev a:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);}

/* .more */
.content ul.linkList.more > li{text-align:right;}

/* ul.pdfList
----------------------------------------------------------------- */
.content ul.pdfList{margin:0 0 10px 0;padding:5px;background-color:#f4f4f4;}
.content ul.pdfList > li{margin:0 0 10px 0;}
.content ul.pdfList > li:last-child{margin-bottom:0;}
.content ul.pdfList > li a{text-decoration:none;}
.content p.icoPdf {float:left; margin:0; width:16px;}


/* ul.notationList
----------------------------------------------------------------- */
.content ul.notationList > li{margin:0 0 5px 0;padding:0 0 0 1.3em;position:relative;}
.content ul.notationList > li:last-child{margin-bottom:0;}
.content ul.notationList.order > li{padding:0 0 0 3.5em;}
.content ul.notationList > li span.mark{position:absolute;top:0;left:0;}
.content ul.notationList > li span.mark{position:absolute;top:0;left:0;}


/* ul.btnList
----------------------------------------------------------------- */
.content ul.btnList li{text-align:center;}


/* div.tabContents
----------------------------------------------------------------- */
.content .tabContents{}

.content ul.tabList{margin:0 -10px 5px -10px;padding:0 10px;border-bottom:1px solid #a3a3a3;background-color:#ededed;}
.content ul.tabList:after{content:"";display:block;clear:both;}
.content ul.tabList > li{margin-bottom:-1px;display:block;float:left;width:25%;line-height:1;vertical-align:middle;}
.content ul.tabList > li span.active,
.content ul.tabList > li a{width:1%;height:45px;display:table-cell;color:#000000;
background:-moz-linear-gradient(center top , #ffffff 0%, #f0f0f0 100%) repeat scroll 0 0 #f0f0f0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)) repeat scroll 0 0 #f0f0f0;
text-align:center;vertical-align:middle;text-decoration:none;
border-top:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;border-left:1px solid #a3a3a3;}
.content ul.tabList > li:last-child a{border-right:1px solid #a3a3a3;}
.content ul.tabList > li span.active{border-bottom:1px solid #ffffff;
background:-moz-linear-gradient(center top , #f0f0f0 0%, #ffffff 100%) repeat scroll 0 0 #f0f0f0;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#ffffff)) repeat scroll 0 0 #f0f0f0;
font-weight:bold;}

.content .tabContents ul.listview{margin:0 -10px;}


/* div.footnote
----------------------------------------------------------------- */
.content div.footnote{margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px dotted #a1a3a0;}
.content div.footnote ul{margin:0;}


/* div.attention
----------------------------------------------------------------- */
.content div.attention{margin:0 0 15px 0;padding:10px;background-color:#fff3d9;}
.content div.attention p,
.content div.attention ul,
.content div.attention ol{margin:0;}


/* footer
----------------------------------------------------------------- */
.content footer{margin:0 0 20px 0;}

/* footer.newsFooter */
.content footer.newsFooter{margin-bottom:5px;vertical-align:middle;}
.content footer.newsFooter p{margin:0;}
.content footer.newsFooter p.date{margin:-18px 0 10px 0;font-size:13px;}
.content footer.newsFooter p.creator{margin:0 0 15px 0;font-size:13px;}


/* nav.pageNav
----------------------------------------------------------------- */
nav.local{margin:0 -10px -10px -10px;padding:15px 10px 5px 10px;border-top:1px solid #999999;}
nav.local ul.linkList,
nav.local ul.btnList{margin:0;}

div.footnote + nav.local,
p.more + nav.local,
div.tabContents + nav.local, .closing + nav.local{padding-top:0;border-top:none;}


/* @end */


/* @group only Home */
/* ==========================================================================
 Home
========================================================================== */
body.home .content{background:#ffffff url(/smp/images/home_bg1.png) center 34px no-repeat;-webkit-background-size:376px 71px;background-size:376px 71px;}

body.home .content h1{margin:0;padding:0;border:none;background:none;text-align:center;}

.mainTtl{
	position: relative;
}
.mainTtl a{
	display: block;
	position: absolute;
	background: url("../images/site_30th_smp_logo-side.gif");
	background-size:40px auto;
	width: 40px;
	height: 44px;
	right: 50%;
	top: -9px;
	margin-right: -113px;
	text-indent: -9999px;
	overflow: hidden;
}

body.home .content h1 img{
	margin-left: -30px;
}

body.home .content p.tagline{margin:30px 0 5px 0;text-align:center;}


/* nav.global */
body.home nav.global{margin-bottom:15px;}
body.home nav.global ul.icon{text-align:center;}
body.home nav.global ul.icon > li{margin:0 1px;padding:0;display:inline-block;width:68px;height:68px;font-size:0;text-indent:-999px;overflow:hidden;}
body.home nav.global ul.icon > li > a{display:block;}
body.home nav.global ul.icon > li > a:before{content:"";display:block;width:68px;height:68px;
background:url(/smp/images/icn_menu.png) 0 0 no-repeat;-webkit-background-size:272px 68px;background-size:272px 68px;}
body.home nav.global ul.icon > li.company > a:before{background-position:0 0;}
body.home nav.global ul.icon > li.access > a:before{background-position:-68px 0;}
body.home nav.global ul.icon > li.recruit > a:before{background-position:-136px 0;}
body.home nav.global ul.icon > li.nifty > a:before{background-position:-204px 0;}


/* h2 */
body.home .content > h2{margin:0 -10px;padding:0 10px;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;position:relative;line-height:35px;}
body.home .content > h2:before{display:none;}
body.home .content > h2:after{content:"";display:block;clear:both;}

body.home .content > h2 span.more{display:inline-block;position:absolute;top:4px;right:10px;}
body.home .content > h2 span.more > a{padding:0 10px;border:1px solid #f0ad97;border-radius:5px;display:block;
background:-moz-linear-gradient(center top , #ffffff 0%, #ffdcd1 100%) repeat scroll 0 0 #ffdcd1;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffdcd1)) repeat scroll 0 0 #ffdcd1;
color:#333333;font-weight:normal;line-height:24px;text-align:center;vertical-align:middle;text-decoration:none;}
body.home .content > h2 span.more > a:after{content:"";margin:0 0 2px 5px;display:inline-block;width:13px;height:13px;
background:url(/smp/images/icn_arrow.png) 0 0 no-repeat;-webkit-background-size:13px 13px;background-size:13px 13px;vertical-align:middle;}


/* ul.listview */
body.home .content ul.listview{margin:0 -10px;}


/* @end */