@charset "UTF-8";
/* CSS Document */

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}

table {
 	border-collapse:collapse;
 	border-spacing:0;
}
img {
 	border:0;
}
ul,ol,li {
 	list-style:none;
}


/* YUI3 CSS Fonts フォントサイズ対応表
10px:77%     11px:85%     12px:93% 
13px:100%    14px:108%    15px:116%
16px:123.1%  17px:131%    18px:138.5%
19px:146.5%  20px:153.9%  21px:161.6%
22px:167%    23px:174%    24px:182%
25px:189%    26px:197%
*/


body{
	font:13px/1.231 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 
	Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	*font-size:small;/* IE用 */
 	*font:x-small;/* IE 互換モード用 */
	background-color:#FFF;
}


p {
	color:#333333;
	line-height:150%;
}


/*　↓リンクに対する共通設定↓　*/
a {
	text-decoration: none;
	color:#333333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover{
	color:#CCC;
	text-decoration:none;
}
a:active {
	text-decoration: none;
}



/*　↓HTML5　新要素をブロック化する↓　*/
header, section, footer, aside, nav, article, figure, hgroup { 
	margin:0;
	padding:0;
	display: block;
}

#footer {
     margin-left: -230px;  /* atelier_temp.cssのfooterを調整*/
}


.text_red {
	color:#990000;
}



#undercolumn {
    margin-bottom: 20px;
    margin-top: 20px;
}

#undercolumn h2 {
    font-family: "メイリオ", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "游明朝体 ミディアム";
    font-size: x-large;
    line-height: 175%;
    text-align: left;

}


#undercolumn h3 {
    line-height: 150%;
    font-size: medium;
    margin-top: 5px;
    color: #900;
}

#undercolumn h4 {
    line-height: 150%;
    font-size: medium;
    margin-top: 5px;
    color: black;
}

#undercolumn p {
    line-height: 200%;
}

#undercolumn_order  {
    font-family: "メイリオ", "ヒラギノ明朝 Pro W3", "ＭＳ Ｐ明朝", "游明朝体 ミディアム";
    font-size: small;
    line-height: 150%;
}

#undercolumn_order th,td {
    border: solid 1px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

#undercolumn_order th {
    background-color: #FBE5DA;  /*背景色 */
}

#undercolumn_order td {
    text-align: left;
}

#undercolumn_order table {
    border-collapse: collapse;
}
#undercolumn_order li {
    text-align: left;
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 10px;
}


#undercolumn_order #number li {
    text-align: left;
    list-style-type: decimal;
    padding-left: 0px;
    list-style-position: outside;
}

#undercolumn_entry h3 {
	border_bottom: 1px solid #666;
        margin-top: 25px;
	margin-bottom: 10px;
	line-height: 200%;
	font-weight: bold;
	font-size: 120%;
	background-color: #66BBDD;
	text-indent: 5px;
}

#undercolumn_entry p {
	padding-left: 20px;
	margin-bottom: 5px;
}

.title {
    background-color: #FFDFCF;
    -webkit-box-shadow: 1px 2px 3px;
    box-shadow: 1px 2px 3px;
    text-shadow: -2px -1px 3px #FFFFFF;
    padding-left: 4%;
    padding-top: 4px;
    padding-right: 4%;
    width: auto;
    margin-bottom: 22px;
    padding-bottom: auto;
}
.caution {
    margin-top: 100px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #FFDFCF;
    color: #8B2D00;
    text-shadow: 1px 2px 3px #9A3200;
    padding-right: 20px;
    width: 88%;
    -webkit-box-shadow: 1px 2px 3px;
    box-shadow: 1px 2px 3px;
}

.jisage_50px {
    margin-left: 50px;
}

.jisage {
	text-align: left;
	margin-left: 15px;
}


.indent {
	text-indent: 15px;
}



.right {
    text-align: right;
}

.message {
    font-size: 110%;
    font-weight: bold;
    padding-left: 3px;
    margin-top: 15px;
    margin-bottom: 0px;
}

.submessage {
    padding-left: 10px;
    font-size: 110%;
    font-weight: bolder;
}