/*
Theme Name: 兵庫県立大学大学院情報科学研究科
Theme URI: https://u-hyogo.info/
Version: 1.0
Author: Takuro Hishikawa, Ueda Hiroto
Template: toolbox
*/

@import "./toolbox/style.css";



/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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, 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;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead.
img,
object,
embed {max-width: 100%;} */

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }





/*
## Colors ##
Blue: #002059
*/


/*
 * Layouts
 */
body {
	text-align: center;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link { color: #005b9f; }
a:visited { color: #7b009f; }

input,
textarea {
  padding: 2px;
  margin-bottom: 9px;
  font-size: 13px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}
input:focus,
textareat:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

}

#page {
	color: #4e4f51;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 auto;
	text-align: left;
	width: 770px;
}

#main {
	background-position: 0 0;
	background-repeat: no-repeat;
}

#primary {
	float: right;
	margin: 0;
	width: 715px;
}

#content {
	margin: 0;
}

#main .widget-area {
	float: left;
	margin: 0;
	width: 180px;
}


/*
 * Header
 */
#branding {
	padding: 13px 0 292px 0;
	position: relative;
	display: block;
	background: url(/gsis/images/header-2.jpg) no-repeat center bottom;
}

#site-title {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
}

#site-title a:link,
#site-title a:visited {
	color: #000;
	text-decoration: none;
}

#site-title a:hover,
#site-title a:active {
	text-decoration: none;
}

#site-description {
	color: #002059;
	font-size: 16px;
	font-weight: normal;
}

.menu-container li {
	float: none;
	display: inline;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

.menu-container a {
	display: inline;
	padding: 0;
	color: #eeeeee;
}

.menu-container a:link,
.menu-container a:visited {
	text-decoration: none;
}

.menu-container a:hover,
.menu-container a:active {
	text-decoration: underline;
}

.menu-container li:hover > a {
	background: transparent;
}

#languages {
	position: absolute;
	top: 26px;
	right: 5px;
}

#languages .sep {
	margin: 0 .5em 0 0;
}

#languages .current {
	font-weight: bold;
}

#languages .current .sep {
	visibility: hidden;
}

#languages .current a {
	color: #ffffff;
}


/*
 * Contents
 */
#content h1 {
	margin: 10px 0 15px 0;
	line-height: 1.4;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Oswald','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	border-bottom: 1px solid #ccc;
	color: #000;
	text-transform: uppercase;
}

#content h1 em {
	color: #002059;
	font-size: 11px;
	font-style: normal;
	margin-left: 10px;
}

#content h2 {
	background: url(/gsis/images/icon_h2.gif) no-repeat center left;
	padding-left: 20px;
	margin: 2em 0 1em 0;
	font-size: 16px;
	font-weight: bold;
}

#content h3 {
	background: url(/gsis/images/icon_h3.gif) no-repeat center left;
	padding-left: 20px;
	margin: 2em 0 1em 0;
	font-size: 16px;
	font-weight: normal;
}

#content ul li {
	list-style: url(/gsis/images/icon_li2.gif);
	margin-left: 2em;
	margin-bottom: .5em;
}

#content table {
	border-collapse: collapse;
	margin: 20px 0;
}

#content th, #content td {
	border: 1px solid #d8d8d8;
	padding: 10px 10px 5px;
	vertical-align: top;
}

#content table.noborder th,
#content table.noborder td {
	border: none;
	padding: 0 10px 0 0;
}

#content table.teacher {
	border-collapse: separate;
	border-spacing: 0 20px;
}

#content table.teacher th,
#content table.teacher td {
	padding: 0;
}

#content table.teacher th {
	border: none;
	padding-left: 0px;
	padding-right: 34px;
}

#content table.teacher td {
	border-top: none;
	border-right: none;
	border-bottom: none;
	padding-left: 34px;
}

#content p {
	margin: 0 0 1em;
}

#content p.backtotop {
	background: url(/gsis/images/icon_arrow_l.gif) no-repeat center left;
	margin: 2em 0 2em;
	padding-left: 20px;
}

.news .entry {
	margin-bottom: 20px;
}

#content .news .entry-description p {
	margin-bottom: 5px;
}

.news .entry-title {
	font-weight: bold;
	margin-bottom: 5px;
}

.news .published,
.news .entry-meta,
.news .entry-description {
	font-size: 12px;
}

.news .entry-meta a:link,
.news .entry-meta a:visited {
	color: #4e4f51;
}

.news .entry-meta a:hover,
.news .entry-meta a:active {
	color: #222;
}

.news footer {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	margin-top: 30px;
}

.news footer .icon-picture {
	background: url(/gsis/images/icon_arrow_r.gif) no-repeat 0 0;
	width: 12px;
	height: 10px;
	vertical-align: text-top;
	display: inline-block;
}

.news footer a:link,
.news footer a:visited {
	color: #333;
	text-decoration: none;
}

.news footer a:hover,
.news footer a:active {
	color: #333;
	text-decoration: underline;
}

#content .news footer p {
	margin: 0;
}

.single .entry-meta {
	color: #002059;
	font-size: 11px;
	font-weight: bold;
	margin: 40px 0;
}

#content .entry-updated {
	margin-bottom: .3em;
}

.edit-link {
	margin-left: 1em;
}

#content img.size-auto,
#content img.size-full,
#content img.size-large,
#content img.size-medium,
#content .attachment img,
#content .widget-area img,
#content .wp-caption {
	max-width: none;
}

.simulation-studies a,
.simulation-studies_en a {
	width: 770px;
	height: 72px;
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.simulation-studies a {
	background: url(/gsis/images/sprites.png) no-repeat;
}

.simulation-studies_en a {
	background: url(/gsis/images/sprites_en.png) no-repeat;
}

.simulation-studies a:link,
.simulation-studies a:visited,
.simulation-studies_en a:link,
.simulation-studies_en a:visited {
	background-position: 0 0;
}

.simulation-studies a:hover,
.simulation-studies a:active,
.simulation-studies_en a:hover,
.simulation-studies_en a:active {
	background-position: 0 -72px ;
}




/*
 * Footer
 */
.scrolltop {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 20px 0 30px;
}

.scrolltop .icon-picture {
	background: url(/gsis/images/icon_arrow_u.gif) no-repeat 0 0;
	width: 10px;
	height: 12px;
	vertical-align: text-top;
	display: inline-block;
}

.scrolltop a:link,
.scrolltop a:visited {
	color: #333;
	text-decoration: none;
}

.scrolltop a:hover,
.scrolltop a:active {
	color: #333;
	text-decoration: underline;
}

#breadcrumbs {
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	padding: 5px 0;
	font-size: 11px;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
	color: #333;
	text-decoration: underline;
}

#breadcrumbs a:hover,
#breadcrumbs a:active {
	color: #333;
	text-decoration: none;
}

#footer {
	margin: 10px 0 20px;
	font-size: 12px;
	border-top: 1px solid #000;
	padding-top: 10px;
}

#footer-site-title {
	float: left;
	margin: 0;
	font-size: 11px;
	width: 195px;
}

#footer p {
	margin: 0;
}

.footer-widget {
	margin-left: 216px;
}


/*
 * Clearfix
 */
#main:before, #nav-below:before, .menu-container:before,
#main:after, #nav-below:after, .menu-container:after
{ content: "\0020"; display: block; height: 0; overflow: hidden; }  
#main:after, #nav-below:after, .menu-container:after { clear: both; }  
#main, #nav-below, .menu-container { zoom: 1; }