@charset "utf-8";
/*
Theme Name: imagemagic.co.jp Support Center
Theme URI: http://imagemagic.co.jp/
Description: imagemagic.co.jp サポートページ専用テーマ
Version: 1.0
Author: IMAGE MAGIC
Author URI: http://imagemagic.co.jp/
*/


/* --------------------------------------------------------
style.css
http://imagemagic.co.jp/
-------------------------------------------------------- */


/* --------------------------------------------------------
Reset default.css
-------------------------------------------------------- */

ul, li {
/*list-style: square;*/
margin: 0;
padding: 0;
}


/* --------------------------------------------------------
Global Elements
-------------------------------------------------------- */
body {
background: #F1F1F1;
margin-top: 20px;
}
#wrapper {
background: #FFFFFF;
padding: 0 20px;
}
div.menu, #colophon, #branding, #main, #wrapper {
margin: 0 auto;
width: 940px;
}
body, input, textarea {
color: #666;
font-size: 12px;
line-height: 18px;
}
hr {
background-color: #e7e7e7;
border: 0;
clear: both;
height: 1px;
margin-bottom: 18px;
}
input[type="text"], textarea {
background: #f9f9f9;
border: 1px solid #ccc;
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
padding: 2px;
}
a:link, a:visited { color: #1155AA;}
a:active, a:hover { color: #0099FF;}

/* --------------------------------------------------------
Layout
-------------------------------------------------------- */

#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
#content { margin: 0 280px 36px 20px;}
#primary, #secondary {
float: right;
overflow: hidden;
width: 220px;
}
#secondary { clear: right;}
#footer {
clear: both;
width: 100%;
}


/* --------------------------------------------------------
Header
-------------------------------------------------------- */

#header { padding: 30px 0 0;}
h1#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px;
width: 600px;
}
h1#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
h1#site-title a:active, h1#site-title a:hover { color: #1155AA;}
#site-description {
float: right;
margin: 15px 0 18px 0;
text-align: right;
width: 320px;
}


/* topicpath area
-------------------------------------------------------- */
div#topicPath {
overflow: hidden;
padding: 0 0 5px 20px;
}
div#topicPath ul { float: left;}
div#topicPath li {
display: inline;
font-size: 11px;
}


/* --------------------------------------------------------
Content
-------------------------------------------------------- */

#main {
clear: both;
overflow: hidden;
padding: 40px 0 0 0;
}
/*#content { margin-bottom: 36px;}*/
#content, #content input, #content textarea {
color: #333;
font-size: 14px;
line-height: 22px;
}
#content p, #content ul, #content ol, #content dd, #content pre, #content hr { margin-bottom: 24px;}
#content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0;}
#content pre, #content kbd, #content tt, #content var {
font-size: 15px;
line-height: 21px;
}
#content code { font-size: 13px;}
#content dt, #content th { color: #000;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #000;
line-height: 1.5em;
margin: 0 0 20px 0;
}
#content table {
border: 1px solid #e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}
#content tr th, #content thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
#content tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
#content tr.odd td { background: #f2f7fc;}
.hentry { margin: 0 0 48px 0;}

#content .entry-title {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #1155AA url(http://www.imagemagic.co.jp/images/arrow09.gif) no-repeat 10px 14px;
color: #FFF;
font-size: 16px;
font-weight: bold;
line-height: 18px;
margin-bottom: 0;
padding: 11px 28px 8px;
}
.entry-title a:link, .entry-title a:visited {
color: #FFF;
text-decoration: none;
}
.entry-title a:active, .entry-title a:hover { color: #C4DFFF;}
.entry-meta {
color: #888;
font-size: 12px;
}
.entry-meta abbr, .entry-utility abbr {
border: none;
}
.entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted #666;}
.entry-content, .entry-summary {
clear: both;
padding: 12px 0 0 0;
}
#content .entry-summary p:last-child { margin-bottom: 12px;}
.entry-content fieldset {
border: 1px solid #e7e7e7;
margin: 0 0 24px 0;
padding: 24px;
}
.entry-content fieldset legend {
background: #fff;
color: #000;
font-weight: bold;
padding: 0 24px;
}
.entry-content input { margin: 0 0 24px 0;}
.entry-content input.file, .entry-content input.button { margin-right: 24px;}
.entry-content label {
color: #888;
font-size: 12px;
}
.entry-content select { margin: 0 0 24px 0;}
.entry-content sup, entry-content sub { font-size: 10px;}
.entry-content blockquote.left {
float: left;
margin-left: 0;
margin-right: 24px;
text-align: right;
width: 33%;
}
.entry-content blockquote.right {
float: right;
margin-left: 24px;
margin-right: 0;
text-align: left;
width: 33%;
}
ul.content-cat li {
border-bottom: solid 1px #EFEFEF;
margin-bottom: 10px;
padding: 0 0 10px 10px;
}

.entry-utility {
border-top: solid 1px #CCC;
clear: both;
color: #888;
font-size: 12px;
line-height: 18px;
padding-top: 5px;
}
.entry-meta a, .entry-utility a {
color: #888;
text-decoration: underline;
}
.entry-meta a:hover, .entry-utility a:hover { color: #0099FF;}

/* next/prev (link) */
#nav-below { margin: -18px 0 0;}
div.navigation {
color: #888888;
font-size: 12px;
line-height: 18px;
overflow: hidden;
}
div.navigation .nav-previous { float: left;}
div.navigation .nav-next { float: right;}
div.navigation a:link, div.navigation a:visited {
color: #888888;
text-decoration: none;
}
div.navigation a:active, div.navigation a:hover { color: #0099FF;}

/* --------------------------------------------------------
Widget Areas
-------------------------------------------------------- */

.widget-area ul { margin-left: 0;}
.widget-area ul ul { margin-left: 1.3em;}
/* Main sidebars */
#main .widget-area ul {
margin-left: 0;
padding: 0 20px 0 0;
}
#main .widget-area ul ul {
border: none;
padding: 0;
}
#main .widget-area .menu li {
background: transparent url(http://www.imagemagic.co.jp/images/front/list_icon3.gif) no-repeat scroll 0 3px;
line-height: 16px;
margin: 8px 0;
padding-left: 15px;
}
#main .widget-area .menu li a:hover { color: #0099FF;}
.widget-area select { max-width: 100%;}
.widget_search #s {/* This keeps the search inputs in line */
width: 60%;
}
.screen-reader-text { display: none;}
.widget_search label { display: none;}
.widget-container { margin: 0 0 30px;}
.widget-title {
color: #222;
font-weight: bold;
}
.widget-area a { text-decoration: none;}
.widget-area .entry-meta { font-size: 11px;}

/* form */
input[type=submit] { color: #333;}


/* --------------------------------------------------------
Footer
-------------------------------------------------------- */

#footer {
border-top: 4px solid #000;
margin: -4px 0 20px 0;
overflow: hidden;
padding: 18px 0;
}
#site-info { font-weight: bold;}
#site-info a {
color: #000;
text-decoration: none;
}
#site-info a:active, #site-info a:hover { color: #0099FF;}


/* --------------------------------------------------------
content
-------------------------------------------------------- */


.f_red {
color: #ea0000;
font-size: 11px;
line-height: 14px;
}

.lineStone {
border: none;
width: 100%;
}

.lineStone tr,
.lineStone th,
.lineStone td {
border-top: none;
padding: 3px 10px;
text-align: center;
font-size: 12px;
}

/* --------------------------------------------------------
voice
-------------------------------------------------------- */

.voiceBox,
.voiceTitleArea,
.clearfix,
.voiceText,
.voiceTextInner,
.voiceBox .voiceData,
.voiceBox table,
.voiceBox tbody,
.voiceBox tr,
.voiceBox th,
.voiceBox td {
	border: 0 none;
	color: #333333;
	font: 9pt/1.2em "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: vertical-align;
	}

.voiceBox {
	margin-top: 20px;
	padding: 20px 0px 20px;
	background-color:  #F5F5F5;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
	}

.voiceTitleArea {
	padding: 0 20px;
	}

.voiceTitleArea img,
.voiceTitle {
	float: left;
	vertical-align: middle;
	}

.voiceTitle {
	padding: 3px 0 0 7px;
	width: 380px;
	}

.voiceTitle h2 {
	border: none;
	font-size: 134%;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

.voiceText {
	padding-top: 10px;
	}

.voiceTextInner {
	background: url(/images/front/voice_bg_textarea_foot.gif) no-repeat center bottom;
	padding: 10px 40px 20px;
	}

.voiceText table {
	margin: 0 auto;
	width: auto;
	border-collapse: collapse;
	border-spacing: 0;
	}

.voiceText th,
.voiceText td {
	background: url(/images/front/parts_line_dashed_gry.gif) repeat-x left bottom;
	padding: 10px 0;
	}

.voiceText th {
	text-align: left;
	vertical-align: top;
	width: 100px;
	}

.voiceText td {
	vertical-align: middle;
	}

.cl {
	clear: both;
	font-size: 0;
	line-height: 0;
	}