@charset "UTF-8";
/* sw basic styles */

/* keep scrollbar visible
-------------------------------------------------------------*/

html {
	overflow-y:scroll;
	margin-bottom:1px;/* Opera */
}
/* font style
-------------------------------------------------------------*/

body {
	font-size: 14px;
	font-family:"Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", sans-serif;
	line-height:1.5;
	color: #333;
	cursor:default;
}
/* for WinIE6*/

* html body {
	letter-spacing: 1px;
	font-size: 13px;
	font-family: Verdana, "MS P ゴシック", sans-serif;
}
* html td, * html th {
	font-size: 100%;
	line-height:1.5;
}
/* for WinIE7*/

*:first-child+html body {
	font-size: 75%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}
/* heading style
-------------------------------------------------------------*/


.---------- {
}
h1, h2, h3, h4, h5, h6 {
	color: #000;
	background-color: transparent;
	font-weight: bold;
	padding: 0;
	margin: 1em 0 0.5em;
	line-height: 1.2;
}
/* paragraph
-------------------------------------------------------------*/

p {
}
/* hide
-------------------------------------------------------------*/

hr {
	display: none;
}
.hide {
	display: none;
}
/* link style 
------------------------------------------------------------*/

a {
	text-decoration: underline;
}
a:link {
	text-decoration: underline;
	background-color: transparent;
}
a:visited {
	text-decoration: underline;
	background-color: transparent;
}
a:hover, a:visited:hover {
	text-decoration: none;
}
/* images
-------------------------------------------------------------*/

img {
	border: none;
}
a:hover img {
	background-color: transparent;
	text-decoration: none;
	border: none;
}
img.btn { /* for yuga.js while using DW */
}
a:hover, a:visited:hover {
	background-color: transparent;
}
img.left, img.mt-image-left {
	float: left;
	margin: 0px 20px 10px 0px;
}
img.right, img.mt-image-right {
	float: right;
	margin: 0px 0px 10px 20px;
}
img.picFrame {
	background: #fff;
	padding: 5px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-webkit-box-shadow:2px 2px 4px #bbb;
	-moz-box-shadow:2px 2px 4px #bbb;
	box-shadow:2px 2px 4px #bbb;
}
a:hover img.picFrame {
	border: 1px solid #333;
}
a img.thinFrame {
	border: 1px solid #ccc;
}
a:hover img.thinFrame {
	border: 1px solid #093;
}
img.shadow {
	-webkit-box-shadow:1px 1px 4px #ccc;
} /* only for Safari */
img.tb {
	border-top: 1px dashed #666;
}
img.rb {
	border-right: 1px dashed #666;
}
img.bb {
	border-bottom: 1px dashed #666;
}
img.lb {
	border-left: 1px dashed #666;
}
/* align module
------------------------------------------------------------*/

p.left {
	text-align: left;
}
p.center {
	text-align: center;
}
p.right {
	text-align: right;
}
/*  reset style
-------------------------------------------------------------*/

strong, em {
	color: #000;
	font-weight: bold;
	font-style: normal;
}
del {
	color: #CCC;
	font-weight: normal;
	text-decoration: line-through;
}
ins {
	text-decoration: none;
}
address {
	font-style: normal;
}
abbr {
	text-decoration: none;
	border-width: 0px;
	border-style: none;
}
textarea {
	overflow:auto;
}
/* table
-------------------------------------------------------------*/

table {
	border-collapse:collapse;
	margin:20px 0 10px;
	margin-left: 1px;
}
* html table {
	border-collapse:collapse;
}
*:first-child+html table {
	border-collapse: collapse;
}
th {
	font-weight: bold;
	text-align: left;
	background: #f9f9f9;
	white-space: nowrap;
}
th, td {
	border:1px solid #bbbbbb;
	padding:3px 6px;
	box-shadow:inset 1px 1px 0 #fff;
	-moz-box-shadow:inset 1px 1px 0 #fff;
	-webkit-box-shadow:inset 1px 1px 0 #fff;
}
/* table without border */

table.noborder {
	border-collapse: separate;
	border-spacing: 0;
	border-top: 0px none;
	border-left: 0px none;
	margin: 1em 0px;
	margin-left: 1px; /* for Firefox*/
}
* html table.noborder {
	border-collapse:collapse;
}
*:first-child+html table.noborder {
	border-collapse: collapse;
}
.noborder th, .noborder td {
	padding: 3px 6px;
	border-right: 0px none;
	border-bottom: 0px none;
}
.noborderth {
	font-weight: bold;
	text-align: left;
	background: #f9f9f9;
	white-space: nowrap;
}
table.center th, table.center td {
	text-align:center;
}
/* dl
-------------------------------------------------------------*/

dl {
	margin: 0px 0px 0px 20px;
	padding: 0px;
}
dl dt {
	font-weight: bold;
	color:#121212;
	margin-top: 20px;
	padding: 0px;
}
dl dd {
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
/* mt */

p.entry-footer, .asset-footer {
	padding:10px 0px;
	border-top: 1px dotted #ccc;
	clear: both;
	text-align: right;
	margin: 0px;
}
span.separator {
	margin: 0 5px;
}
/* input
-------------------------------------------------------------*/

input, textarea, select {
	font-size: 1em;
}
input#search {
	margin-bottom: 5px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 2px;
	width: 165px;
}
input#search:focus {
	color: #333333;
	background-color: #FFFFCC;
}
/*
input:hover {
	border: 1px solid #fc0;
	padding: 2px;
	margin-bottom: 5px;
}
*/
/* code
-------------------------------------------------------------*/


code {
	color: rgb(179, 45, 71);
	color: rgba(179, 45, 71, .75);
	background-color: #efefef;
	background-color: rgba(240, 240, 240, .75);
	padding: 3px 5px;
	font-family: "Courier New", Courier, mono;
}
pre {
	clear: both;
	border: 3px solid #E6E4E1;
	background: #f9f0f0;
	white-space: pre;
	overflow: auto;
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	padding: 10px;
	margin: 10px 0px 20px;
}
/* blockquote
-------------------------------------------------------------*/

blockquote {
	padding: 10px 20px 10px 50px;
	margin: 1em 0px;
	background: #efefef url(http://swwwitch.com/images/quote_a.gif) no-repeat 10px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
blockquote p {
}
/* btn-like style
-------------------------------------------------------------*/

p.readMore, p.entry-more-link {
	text-align: right;
}
p.applyform {
	text-align: center;
}
p.readMore a, p.entry-more-link a, p.applyform a {
	background-color: #f9f9f9;
	padding: 3px 8px;
	display: inline-block;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left: 7px;
}
p.applyform a {
	padding: 10px 16px;
	color: #FFF;
	background-color: #F33;
	border-color: #F33;
	margin-top: 10px;
	margin-bottom: 10px;
}
p.readMore a:hover, p.entry-more-link a:hover, p.applyform a:hover {
	background: #093 url(http://swwwitch.com/images/btn_bg.png) no-repeat center top;
	text-decoration: none;
	color: #FFF;
	border: 1px solid #093;
}
* html p.readMore a:hover, * html p.entry-more-link a:hover, * html p.applyform a:hover {
	background: #093 none;
	text-decoration: none;
	color: #FFF;
	border: 1px solid #093;
}
/* bullet-list */

/* subArea */

ul.bullet-list {
	margin: 20px 0px 30px 10px;
	padding: 0px;
}
ul.bullet-list li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 1.3;
	margin-bottom: 2px;
}
ul.bullet-list li a {
	text-decoration: none;
	color: #333;
	background: transparent url(http://cssnite.jp/images/bullet_04.gif) no-repeat 12px 9px;
	display: block;
	padding: 4px 5px 4px 20px;
}
* html ul.bullet-list li a {
	width: 180px; /* ie 6*/
}
/* input url*/

input.selecturl {
	font-family: "Courier New", Courier, monospace;
	width: 100%;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
}
/* CSS Document------------------------------  */

body {
	text-align: center;
	line-height: 1.7;
	color: #454545;
	margin: 0px;
	padding: 0px;
	background: #fff url(/images/new_bodyBg.gif) repeat-x 0px -10px;
}
/**/

h1, h2, h3, h4 {
	font-size: 100%;
	color: #000;
	clear:both;
}
body#newTop h2 {
	clear:both;
	width: 900px;
}
.hidden {
	display: none;
}
/* a------------------------------  */

a, a:link, a:link:visited {
	color: #666;
	background-color: transparent;
}
a:hover, a:visited:hover {
	color: #fff;
	background-color:#093;
}
a:link, a:visited, a:active {
	outline: none;
}
/**/

p {
	margin: 0.5em 0px 1em;
}
/* layout------------------------------  */

#container {
	width: 960px;
	margin: 0px auto;
	padding-left: 20px;
	text-align: left;
}
/* header*/

#header {
	position: relative;
	height: 120px;
	margin-bottom: 50px;
}
* html #header {
	height: 140px;
}
#header #header-name {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 24px;
}
#header #header-namea:hover img {
	background-color: #F4F2EC;
}
#header #header-description {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 30px;
	left: 360px;
}
#header ul {
	position: absolute;
	left: 40px;
	top: 100px;
	margin: 0px;
	padding: 0px;
}
* html #header ul {
	top: 105px;
}
*:first-child+html #header ul {
	top: 100px;
}
#header ul li {
	list-style: none;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#header ul li a {
	margin: 0px;
	padding: 0px;
}
#header ul li a:hover, #header ul li a:hover {
	background-color: transparent;
}
#header ul li a:hover img {
	background-color: transparent;
}
/* mainContent*/

#alpha {
	clear: both;
}
#alpha h1 {
	margin: 0px 0px 10px;
	font-size: 122%;
	line-height: 1.6;
	padding: 5px 0px;
	clear:both;
}
#alpha p {
	padding-right: 20px;
	padding-left: 20px;
}
#alpha div.entry-body p {
	padding-right: 0px;
	padding-left: 0px;
}
#alpha table {
	margin-left: 20px;
	margin-top: 5px;
}
#alpha div.col3 {
	width: 280px;
	vertical-align: top;
	display:-moz-inline-box;
	display:inline-block;
 /display:inline;
 /zoom: 1;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #FFF;
}
div.col3 > div {
	width:290px;
	display:block;
}
#alpha div.col2 {
	width: 440px;
	vertical-align: top;
	display:-moz-inline-box;
	display:inline-block;
 /display:inline;
 /zoom: 1;
	margin-right: 20px;
	margin-bottom: 20px;
	background: #FFF;
}
div.col2 > div {
	width:440px;
	display:block;
}
/* */

#alpha h2 {
	border-bottom: 1px dotted #999999;
	padding: 10px 10px 6px;
	font-size: 116%;
	background: url(/images/h1-bg.gif) repeat-x;
	color: #232323;
	clear:both;
	margin-bottom: 20px;
}
#alpha h2 a {
	color: #232323;
	text-decoration: none;
}
#alpha h2 a:hover {
	color: #109932;
	text-decoration: none;
	background-color:#FFF;
}
/**/

#alpha h2.archiveTitle {
	font-size: 116%;
	color: #232323;
	clear:both;
	padding: 0;
	margin: 0;
	border-bottom-style: none;
}
#alpha h2.archiveTitle a {
	background: url(/images/h1-bg.gif) repeat-x;
	color: #232323;
	text-decoration: none;
	padding: 10px 10px;
	display: block;
	/*  height: 2em;
  line-height: 2em;*/
  border-bottom: 1px dotted #999;
	margin: 0px;
}
#alpha h2.archiveTitle a:hover {
	color: #FFF;
	text-decoration: none;
	background-color:#109932;
	background-image: none;/*  border-left: 1px solid #093;*/
}
/**/


#alpha p {
	padding: 0px;
}
#alpha p.right img {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
/* only for blog page*/


#search-module {
	width: 240px;
}
#search-module input, div.module-search input {
	font-size: 14px;
}
#search-module input#search {
	width: 80%;
	padding: 4px;
}
body#blogTop #alpha h2, body.mt-entry-archive #alpha h2, body.mt-category-archive #alpha h2 {
	border-bottom: none;
	font-size: 128%;
	background: none;
	color: #333;
	margin-top: 30px;
	margin-bottom: 15px;
	padding: 0px;
}
body#blogTop #alpha h2 a, body.mt-category-archive #alpha h2 a {
}
body#blogTop #alpha h2 a:hover, body.mt-category-archive #alpha h2 a:hover {
	color: #FFF;
	text-decoration: none;
	background: #093;
}
#alpha #mainCol {
	width: 680px;
	float: right;
	margin-top: 0;
	margin-bottom: 30px;
}
#alpha #mainCol h1 {
	margin-top: 10px;
}
#alpha #mainCol h2 {
	border-bottom: 1px solid #999;
	font-size: 122%;
	background: none;
	color: #333;
	margin-top: 40px;
	padding: 0px 0px 5px;
}
#alpha #mainCol h3 {
	font-size: 109%;
	margin-top: 24px;
	padding-bottom: 0px;
}
#alpha #subCol {
	width: 230px;
	/*
	float: left;
	margin-top: 20px;
	margin-bottom: 30px;
	*/
	position:absolute;
	top: 190px;
	background: #efefef;
	border: 1px solid #ccc;
	padding: 20px 20px 0px 0px;
}
/* only for top page*/

body#newTop #alpha h2, body#newTop #alpha ul {
	margin-right: 0px;
	margin-bottom: 10px;
}
/**/

#alpha #whatsnew {
	width: 640px;
	float: left;
	margin-top: 0;
	margin-bottom: 30px;
}
#alpha #whatsnew h1 {
	margin-top: 10px;
}
#beta {
	width: 270px;
	float: left;
	margin-left: 20px;
	margin-bottom: 30px;
}
/* feeds lists */

#alpha ul#feeds {
}
#alpha ul#feeds li {
	list-style: none;
	background: url(../none);
}
#alpha ul#feeds li a {
	padding: 5px;
	display: inline-block;
}
/* BlogArea */

body.mt-category-archive #alpha, body.mt-entry-archive #alpha, body.mt-search-results #alpha {
	width: 640px;
	float: left;
	margin-top: 0;
	margin-bottom: 30px;
}
/**/

.entry-header {
	font-size: 133%;
}
.entry-header a {
	text-decoration: none;
	color: #121212;
}
.entry-header a:visited {
	text-decoration: none;
	color: #666;
}
.entry-header a:hover, .entry-header a:hover:visited {
	color: #121212;
	text-decoration: underline;
	background-color: transparent;
}
/* top page 2 column*/

#alpha div.colMain {
	width: 440px;
	float: left;
	clear:both;
	margin-bottom: 30px;
}
#alpha div.colSide {
	width: 440px;
	float: left;
	margin-bottom: 30px;
	margin-left: 20px;
}
#alpha div.colSide h3 {
	margin-top: 3px;
	margin-bottom: 3px;
}
#alpha div.colSide ul {
	margin-top: 0px;
	margin-left: 10px;
}
#alpha div.colSide ul li a {
	text-decoration: none;
}
/* a.linkbtn------------------------------  */

a.linkbtn {
	display: block;
	height: 60px;
	width: 200px;
	background: #efefef;
	border: 1px solid #999;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	line-height: 60px;
	margin: 0px auto;
}
a.linkbtn:hover {
	background: #109932;
	color: #FFF;
}
a.linkbtn img {
	vertical-align: middle;
	margin-top: 0px;
}
a.linkbtn img#googleCal {
	margin-top: 15px;
}
/* footer------------------------------  */

#footer {
	background: url(/images/new_footerBg.gif) no-repeat 0 0;
	margin-top: 30px;
	clear: both;
	padding-top: 5px;
	height: 60px;
}
#footer #footer-inner {
	width: 940px;
	margin: 0px auto;
	text-align: left;
}
#pageTop {
	float: right;
	margin: 0px 20px 0px 0px;
	padding: 0px;
}
* html #pageTop {
	margin-top: 10px;
}
*:first-child+html #pageTop {
	margin-top: 10px;
}
#pageTop a {
	color: #999;
	text-decoration: none;
	margin: 0px;
	display: block;
	padding: 2px 6px 2px 21px;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
}
* html #pageTop a {
	width: 14em;
}
#pageTop a:hover, #pageTop a:visited:hover {
	color: #FFFFFF;
	background: #093 url(/images/back2topIcon.gif) no-repeat 4px 5px;
	display: block;
	padding: 2px 6px 2px 21px;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#footer address {
	margin-top: 10px;
}
/* list */

#alpha ul {
	padding: 0px;
	margin: 0px 0px 20px 10px;
}
#alpha ul li {
	list-style: none;
	background: url(/images/bullet-miura.gif) no-repeat 6px 7px;
	margin: 0px 0px 3px;
	padding: 0px 0px 0px 22px;
}
#alpha ul li a {
}
#alpha ul li a:hover {
}
/**/

body#aboutTop div.col2 h2 {
	border-bottom: none;
	font-size: 100%;
	background: none;
	color: #333;
	margin-top: 2em;
	margin-bottom: 0px;
	padding: 0px;
	clear: none;
}
body#archiveTop h2.archiveTitle {
	margin-bottom: 0px;
	border-bottom-width: 0px;
	border-bottom-style: none;
	background: url(none);
	padding: 0px;
}
body#archiveTop div.col3 a img {
	border-bottom: 4px solid #dedede;
}
body#archiveTop div.col3 a:hover img {
	border-bottom: 4px solid #093;
	opacity: 0.9;
	filter: alpha(opacity=90);
	background: #fff;
}
div.spBox {
	border: 1px solid #CCC;
	padding: 10px 20px;
	background-color: #F4F2EC;
	margin-bottom: 20px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
/**/

/*body#catID #alpha #beta,
body.mt-entry-archive #alpha #beta,
body#blogTop #alpha #beta*/
#beta {
	border-left: 1px dotted #dedede;
	width: 250px;
	float: right;
	padding-left: 20px;
	margin-bottom: 30px;
}
body#catID #alpha h1 {
	margin-top: 20px;
	padding: 10px 10px 10px 20px;
	background: url(/images/h1-bg.gif) repeat-x;
	border-bottom: 1px dotted #999999;
}
body.mt-entry-archive #alpha h1 {
	margin-top: 20px;
	font-size: 133%;
}
#beta ul {
	margin: 0;
	padding: 0;
}
#beta ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#beta ul li a {
	text-decoration: none;
	display: block;
	color:#666;
	background: #FFF url(http://cssnite.jp/images/bullet-miura.gif) no-repeat 6px 12px;
	margin: 0px;
	padding: 5px 10px 5px 22px;
}
#beta ul li a:hover {
	background: #efefef url(http://cssnite.jp/images/bullet-miura.gif) no-repeat 6px 12px;
	margin: 0px;
	color:#000;
	text-decoration: none;
	border-radius: 3px;
}

/**/

body#blogTop #beta ul li {
	list-style: none;
	margin: 0;
	margin-bottom:10px;
	background: #FFF url(http://cssnite.jp/images/bullet-miura.gif) no-repeat 6px 12px;
	margin: 0px;
	padding: 5px 10px 5px 22px;
	color:#ababab;
	line-height:1.4;
}
body#blogTop #beta ul li a {
	text-decoration: none;
	display: inline;
	color:#666;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	background: url(none);
}
body#blogTop #beta ul li a:hover {
	background: #efefef;
	margin: 0px;
	color:#000;
	text-decoration: underline;
	background: url(none);
}
/**/

p.entry-footer, div.asset-footer {
	border-top: 1px dotted #ccc;
	font-size: 12px;
	clear: both;
	color: #666666;
	margin: 0px 0px 0.5em;
	padding: 10px 0px 0px;
	text-align:right;
}
span.separator {
	margin: 0 0.5em;
	font-weight: bold;
}
/*spry*/

table.striped th {
	background-color: #dedede;
}
table.striped tr.odd {
	background-color: #efefef;
}
table.striped tr:hover {
	color: #fff;
	background-color: #093;
}
table.striped tr:hover th {
	color: #333;
	background-color: #dedede;
}
table.striped tr:hover a {
	color: #fff;
}
/**/

span.furigana {
	font-size: 12px;
	color: #666;
}
tr:hover span.furigana {
	color: #fff;
}
div.lp-session {
	border: 1px solid #CCC;
	padding: 15px;
	margin-bottom: 10px;
}
div.lp-session div.profile {
	padding: 5px 15px;
	background: #ededed;
}
div.lp-session h3 {
	font-size: 133%;
	margin-top: 0px;
}
/* pages */

ul#page-list {
	margin: 10px auto;
}
ul#page-list li {
	list-style: none;
	float: left;
	display: block;
	height: 25px;
	width: 25px;
	text-align: center;
	background: #ccc;
	line-height: 25px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	border: 1px solid #CCC;
}
ul#page-list li span {
	font-weight: bold;
	display: block;
	height: 25px;
	width: 25px;
	padding: 0px;
	background: #333;
	color: #fff;
}
ul#page-list li a {
	text-decoration: none;
	color: #333;
	background: #fff;
	display: block;
	height: 25px;
	width: 25px;
	margin: 0px;
	padding: 0px;
}
ul#page-list li span a {
	font-weight: normal;
	background: #fff;
}
ul#page-list li a:hover, ul#page-list li span a:hover {
	color: #FFF;
	background-color: #093;
}
/**/

div#more div.lp-session {
	clear: both;
}
img.wink {
}
div.relatedEntry {
	border: solid 1px #999;
	background-color: #F7F7F7;
	margin: 20px 0px;
	padding: 5px 15px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
div.relatedEntry h3 {
	margin-top: 10px;
	font-weight: bold;
}
div.sbm {
	padding: 1px;
	border: 1px dashed #fff;
	margin: 10px 0;
}


table tr.clickable:hover td {
			cursor: pointer;
		}


@media screen and (max-width:480px) {
html {
	font-size:16px;
}
body.mt-entry-archive body {
	background: #FFF url(none) -22px 0px !important;
}
body.mt-entry-archive #beta,
body.mt-entry-archive #header-description,
body.mt-entry-archive #header ul,
body.mt-entry-archive #pageTop {
	display:none;
}
body.mt-entry-archive #header {
	height:130px;
	background-color: #F4F2EC;
	border-top: 8px solid #129933;
}
body.mt-entry-archive #content {
	margin-top:20px;
}
body.mt-entry-archive #container {
	width:90%;
}
body.mt-entry-archive #alpha {
	width:auto !important;
	float:none;
}
body.mt-entry-archive #header #header-name {
	position: relative !important;
}
body.mt-entry-archive img,
body.mt-entry-archive object {
	width:100%;
	height:auto;
	margin:0 auto;
}
body.mt-entry-archive img.right,
body.mt-entry-archive img.mt-image-right {
	width:40%;
	height:auto;
	margin-left:1rem;
}
body.mt-entry-archive #footer address {
	margin-left:20px;
	margin-left:1rem;
}
}